Charts 具有双Y轴但具有3个或更多时间序列的Google折线图

我需要画一个有多条线的线图，但是这个图也是一个双Y形图。在我的例子中，它可以是3条或更多的线，其中每条线都属于左Y轴或右Y轴

因此，从

我完全不清楚该怎么做。我试图添加另一个

数据。addRows（[…]）

，但这并没有给出一个好的结果

---

有什么建议吗？

我不确定我是否完全理解这个问题。
但如果您只是想增加行数，
您需要向数据表中添加其他列

对于添加的每一列，将向图表中添加新行或系列。
以下数据表将生成四行

var data = new google.visualization.DataTable();
data.addColumn('date', 'Month');
data.addColumn('number', "Line 1 - Series 0");
data.addColumn('number', "Line 2 - Series 1");
data.addColumn('number', "Line 3 - Series 2");
data.addColumn('number', "Line 4 - Series 3");

您可以控制每条线所属的轴，
通过设置

轴

名称

  series: {
    // Gives each series an axis name that matches the Y-axis below.
    0: {axis: 'Temps'},
    1: {axis: 'Daylight'},
    2: {axis: 'Temps'},
    3: {axis: 'Daylight'}
  },

这里，第一行或系列0将属于左轴Temps。
第二个（系列1）位于右侧（日光），依此类推

请参阅以下工作片段

google.charts.load（'current'，{'packages'：['line'，'corechart']}）；
google.charts.setOnLoadCallback（drawChart）；
函数绘图图（）{
var button=document.getElementById（'change-chart'）；
var chartDiv=document.getElementById（'chart_div'）；
var data=new google.visualization.DataTable（）；
data.addColumn（“日期”、“月份”）；
data.addColumn（'编号'，“第1行-系列0”）；
data.addColumn（'编号'，“第2行-系列1”）；
data.addColumn（'编号'，“第3行-系列2”）；
data.addColumn（'编号'，“第4行-系列3”）；
data.addRows([
[新日期（2014,0），-5,5.7，-1,10]，
[新日期（2014年1月1日），.4,8.7，-1,10]，
[新日期（2014年2月5日至12月1日至10日]，
[新日期（2014年3月）、2.9、15.3、-1、10]，
[新日期（2014年4月），6.3，18.6，-1，10]，
[新日期（2014年5月9日，20.9日，-1日，10日]，
[新日期（2014年6月）、10.6、19.8、-1、10]，
[新日期（2014年7月），10.3，16.6，-1，10]，
[新日期（2014年8月）、7.4、13.3、-1、10]，
[新日期（2014年9月），4.4，9.9，-1，10]，
[新日期（2014年10月），1.1,6.6，-1,10]，
[新的日期（2014年11月）为-2,4.5，-1,10]
]);
变量材料选项={
图表：{
标题：“冰岛全年平均温度和日照”
},
宽度：900，
身高：500，
系列：{
//为每个系列指定一个与下面的Y轴匹配的轴名称。
0:{axis:'Temps'}，
1:{轴：'日光'}，
2:{axis:'Temps'}，
3:{轴：'日光'}
},
轴线：{
//向每个轴添加标签；标签不必与轴名称匹配。
y:{
温度：{label:'Temps（摄氏度）}，
日光：{标签：“日光”}
}
}
};
变量分类={
标题：“冰岛全年平均温度和日照”，
宽度：900，
身高：500，
//为每个系列提供一个与下面的vAxes编号匹配的轴。
系列：{
0:{targetAxisIndex:0}，
1:{targetAxisIndex:1}，
2:{targetAxisIndex:0}，
3:{targetAxisIndex:1}
},
阀门：{
//向每个轴添加标题。
0:{title:'Temps（摄氏度）}，
1:{title:'Daylight'}
},
哈克斯：{
勾号：[新日期（2014,0），新日期（2014,1），新日期（2014,2），新日期（2014,3），
新日期（2014年4月）、新日期（2014年5月）、新日期（2014年6月）、新日期（2014年7月），
新日期（2014年8月）、新日期（2014年9月）、新日期（2014年10月）、新日期（2014年11月）
]
},
言辞：{
视图窗口：{
最多：30
}
}
};
函数drawMaterialChart（）{
var materialChart=新的google.charts.Line（chartDiv）；
材料图表（数据、材料选项）；
button.innerText='更改为经典'；
button.onclick=drawClassicChart；
}
函数drawClassicChart（）{
var classicChart=新的google.visualization.LineChart（chartDiv）；
classicChart.draw（数据、分类）；
button.innerText='更改为材料'；
button.onclick=drawMaterialChart；
}
drawMaterialChart（）；
}

  series: {
    // Gives each series an axis name that matches the Y-axis below.
    0: {axis: 'Temps'},
    1: {axis: 'Daylight'},
    2: {axis: 'Temps'},
    3: {axis: 'Daylight'}
  },