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

Graph 具有非比例值的线图上的两条线,graph,statistics,google-visualization,Graph,Statistics,Google Visualization,我正试图得到一个googlecharts折线图来显示两个折线图,其中一个是日期的Y轴,另一个是物质使用总量的x轴。这将是一个比较的线图,例如,每天的酒精消耗总量与烟草消耗总量 我正在努力解决的问题是如何更紧密地显示这些线条之间的关系。每天消耗的酒精总量可能约为1000毫升,范围为900至1100毫升,而烟草可能仅为3毫升,范围为2至4毫升。正如你所看到的,在一个折线图上,这些线彼此之间的距离会非常远,并且不会真正显示出相关性 最好的系统是什么?您需要的是一个组合图。我从中的示例代码开始,更改了最

我正试图得到一个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"}}
  });
}