1

私はこの種のGoogleチャートを使用しています： https ：//google-developers.appspot.com/chart/interactive/docs/gallery/combochart

折れ線グラフの値は非常に高く、棒グラフの値は非常に低くなっています。両方のタイプが読みやすいように組み合わせたいと思います。

これは私のスクリプトです：

<script type="text/javascript" src="https://www.google.com/jsapi"></script>
<script type="text/javascript">
google.load('visualization', '1', {packages: ['corechart']});
function drawVisualization() {
var chart = new google.visualization.ComboChart(document.getElementById('chart_incoming_actions'));
chart.draw(google.visualization.arrayToDataTable([
    ['Month', 'Votes', 'Views'],
    ['2012-12-03', 3, 9912],
    ['2012-12-02', 41, 85776],
    ['2012-12-01', 43, 85483],
    ['2012-11-30', 36, 77738],
    ['2012-11-29', 50, 84000],
    ['2012-11-28', 72, 102089],
    ['2012-11-27', 74, 89701]
]), {
    vAxis: {title: "Views / Votes"},
    hAxis: {title: "Month"},
    seriesType: "bars",
    series: {1: {type: "line"}}
});
}
google.setOnLoadCallback(drawVisualization);
</script>

ご覧のとおり、数字は非常に離れています。現在の数値を表示することはできますが、たとえば、バーの高さを1000倍するように偽造することはできますか？

よろしくお願いします、リュウ

4

1 に答える 1

1

気にしないでください、私はそれを自分で考え出しました。:)

<script type="text/javascript" src="https://www.google.com/jsapi"></script>
<script type="text/javascript">
google.load('visualization', '1', {packages: ['corechart']});
function drawVisualization() {
var chart = new google.visualization.ComboChart(document.getElementById('chart_incoming_actions'));
chart.draw(google.visualization.arrayToDataTable([
        ['Month', 'Votes', 'Views'],
        ['2012-12-03', 7, 19393],
        ['2012-12-02', 41, 85776],
        ['2012-12-01', 43, 85483],
        ['2012-11-30', 36, 77738],
        ['2012-11-29', 50, 84000],
        ['2012-11-28', 72, 102089],
        ['2012-11-27', 74, 89701]
    ]), {
    vAxis: {
        0: {logScale: false, title: "Votes"},
        1: {logScale: false, title: "Views"}
    },
    hAxis: {title: "Month"},
    seriesType: "bars",
    series: {
        0:{type: 'bar', targetAxisIndex:0},
        1:{type: 'line', targetAxisIndex:1}
    }
});
}
google.setOnLoadCallback(drawVisualization);
</script>
于 2012-12-03T09:37:41.957 に答える