我正在尝试获取 googlecharts 折线图,以显示两个折线图,其中 Y 轴为日期,x 轴为所用物质总量。这将是一个折线图,例如比较每天消耗的酒精总量与消耗的烟草总量。
我正在努力解决的问题是弄清楚如何更紧密地显示这些线条之间的关系。一天消耗的总酒精量可能是 1000mL,范围为 900 到 1100,而烟草可能只是 3,范围为 2-4。如您所见,在折线图上,这些线将是彼此相距甚远,并没有真正显示出相关性。
最好的系统是什么?
我正在尝试获取 googlecharts 折线图,以显示两个折线图,其中 Y 轴为日期,x 轴为所用物质总量。这将是一个折线图,例如比较每天消耗的酒精总量与消耗的烟草总量。
我正在努力解决的问题是弄清楚如何更紧密地显示这些线条之间的关系。一天消耗的总酒精量可能是 1000mL,范围为 900 到 1100,而烟草可能只是 3,范围为 2-4。如您所见,在折线图上,这些线将是彼此相距甚远,并没有真正显示出相关性。
最好的系统是什么?
你想要的是一个组合图。我从Combo Chart中的示例代码开始,更改了最后一列,并添加了第二个轴。你最关心的参数是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"}}
});
}