Graph 具有非比例值的线图上的两条线
我正试图得到一个googlecharts折线图来显示两个折线图,其中一个是日期的Y轴,另一个是物质使用总量的x轴。这将是一个比较的线图,例如,每天的酒精消耗总量与烟草消耗总量 我正在努力解决的问题是如何更紧密地显示这些线条之间的关系。每天消耗的酒精总量可能约为1000毫升,范围为900至1100毫升,而烟草可能仅为3毫升,范围为2至4毫升。正如你所看到的,在一个折线图上,这些线彼此之间的距离会非常远,并且不会真正显示出相关性Graph 具有非比例值的线图上的两条线,graph,statistics,google-visualization,Graph,Statistics,Google Visualization,我正试图得到一个googlecharts折线图来显示两个折线图,其中一个是日期的Y轴,另一个是物质使用总量的x轴。这将是一个比较的线图,例如,每天的酒精消耗总量与烟草消耗总量 我正在努力解决的问题是如何更紧密地显示这些线条之间的关系。每天消耗的酒精总量可能约为1000毫升,范围为900至1100毫升,而烟草可能仅为3毫升,范围为2至4毫升。正如你所看到的,在一个折线图上,这些线彼此之间的距离会非常远,并且不会真正显示出相关性 最好的系统是什么?您需要的是一个组合图。我从中的示例代码开始,更改了最
最好的系统是什么?您需要的是一个组合图。我从中的示例代码开始,更改了最后一列,并添加了第二个轴。您最关心的参数是
targetAxisIndex
参数
function drawVisualization() {
// Create and populate the data table.
var data = google.visualization.arrayToDataTable([
['Month', 'Bolivia', 'Ecuador', 'Madagascar', 'Papua New Guinea', 'Rwanda', 'Average'],
['2004/05', 165, 938, 522, 998, 450, 614.6/100],
['2005/06', 135, 1120, 599, 1268, 288, 682/100],
['2006/07', 157, 1167, 587, 807, 397, 623/100],
['2007/08', 139, 1110, 615, 968, 215, 609.4/100],
['2008/09', 136, 691, 629, 1026, 366, 569.6/100]
]);
// Create and draw the visualization.
var ac = new google.visualization.ComboChart(document.getElementById('visualization'));
ac.draw(data, {
title : 'Monthly Coffee Production by Country',
width: 600,
height: 400,
vAxis: {title: "Cups"},
hAxis: {title: "Month"},
seriesType: "bars",
series: {5: {type: "line", "targetAxisIndex": "1"}}
});
}