Javascript 谷歌可视化折线图-多条线

Javascript 谷歌可视化折线图-多条线,javascript,charts,google-visualization,linechart,Javascript,Charts,Google Visualization,Linechart,我有一张折线图,h轴是日期,v轴是双轴。 我需要显示两行: lineA: [ [2016-1-1 00:00, 1.1] [2016-2-1 00:00, 1.1] [2016-3-1 00:00, 1.1] ] lineB: [ [2016-1-1 00:00, 2.1] [2016-2-1 08:00, 2.1] [2016-3-1 00:00, 2.1] ] 要在图表上显示数据,我需要组合这两行并将结果传递给arrayToDataTable

我有一张折线图,h轴是日期,v轴是双轴。 我需要显示两行:

lineA: [
    [2016-1-1 00:00, 1.1]
    [2016-2-1 00:00, 1.1]
    [2016-3-1 00:00, 1.1]
]
lineB: [
    [2016-1-1 00:00, 2.1]
    [2016-2-1 08:00, 2.1]
    [2016-3-1 00:00, 2.1]
]
要在图表上显示数据,我需要组合这两行并将结果传递给arrayToDataTable

combine: [
    [2016-1-1 00:00, 1.1, 2.1],
    [2016-2-1 00:00, 1.1, null],
    [2016-2-1 08:00, null, 2.1],
    [2016-3-1 00:00, 1.1, 2.1],
]
由于上述原因,我得到了线上的间隙。我如何解决这个问题?是否可以通过两个单独的组,每行一个?我找到的所有示例都要求将它们合并为
combine


当作为第1行和第2行的一部分提供时,我需要保留空值 桌子


使用以下选项填充由
null
值创建的间隙

interpolateNulls: true

编辑

请参阅以下工作片段

google.charts.load('current'{
回调:函数(){
var data=google.visualization.arrayToDataTable([
[新日期(2016,0,1),1.1,2.1],
[新日期(2016年1月1日),1.1日,无效],
[新日期(2016年1月1日8日),空,2.1],
[新日期(2016年2月1日)、1.1日、2.1日]
],对);
变量选项={
真的吗
};
var container=document.body.appendChild(document.createElement('div');
var chart=新的google.visualization.LineChart(容器);
图表绘制(数据、选项);
},
软件包:['corechart']
});
google.charts.load('current'{
回调:函数(){
var data=google.visualization.arrayToDataTable([
[新日期(2016,0,1),1.1,2.1],
[新日期(2016年1月1日),1.1日,无效],
[新日期(2016年1月1日8日),空,2.1],
[新日期(2016年2月1日)、1.1日、2.1日]
],对);
变量选项={
真的吗
};
var container=document.body.appendChild(document.createElement('div');
var chart=新的google.visualization.LineChart(容器);
图表绘制(数据、选项);
},
软件包:['corechart']
});

<代码> 你只需要考虑日期部分。Try check Time很重要,我不能放弃它。当null作为line1和line2表的一部分提供时,我需要保留它们…:'(InterpoleNulls将忽略我故意使用null的情况(有些情况下,第1行/第2行将为空,并且需要有一个间隙。唯一的选项听起来像是离开
interpolutenulls:false
并手动填充空格…我希望我缺少一些关于渲染两行的不同方法的知识。感谢您的帮助