具有非比例值的折线图上的两条线

Question

我正在尝试获得一个googlecharts折线图来显示两个折线图，其中Y轴是日期，x轴是物质使用总量。这将是一个线形图，例如比较每天总饮酒量和总烟草消耗量。

我正在努力解决的是如何更紧密地显示这些线条之间的关系。一天的总饮酒量可能是1000毫升，范围在900到1100之间，而烟草可能只是3毫升，范围在2- 4之间。正如你所看到的，在折线图上，这些线条将彼此相距很远，并不能真正显示出相关性。

做这件事最好的系统是什么？

Answer 1

你想要的是一个组合图。我从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"}}
  });
}