1

我正在使用这种谷歌图表： 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？

提前谢谢， ryu

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 回答