Javascript 多日期谷歌图表

Javascript 多日期谷歌图表,javascript,charts,google-visualization,Javascript,Charts,Google Visualization,我想在一个谷歌图表中显示多个数据集合。每个系列都是CPM的集合,带有日期: 例如: series A[ '2016-09-01' => 2.08023, '2016-09-04' => 2.01123 ]; series B[ '2016-09-01' => 1.99324, '2016-09-02' => 2.00112 ]; 请注意,两个系列中的日期不相同。我想在一个google图形中绘制这两个图形。我应该如何格式化数据行(如果可能的话) 我已经

我想在一个谷歌图表中显示多个数据集合。每个系列都是CPM的集合,带有日期:

例如:

series A[
  '2016-09-01' => 2.08023,
  '2016-09-04' => 2.01123
];

series B[
  '2016-09-01' => 1.99324,
  '2016-09-02' => 2.00112
]; 
请注意,两个系列中的日期不相同。我想在一个google图形中绘制这两个图形。我应该如何格式化数据行(如果可能的话)


我已经用我认为应该做的做了一个比较,但是在数据表中添加一个空值不起作用,我在第一个系列中得到了两个点,我期望得到一条线。如何让谷歌图表画线而不是点?

在小提琴中,数据设置正确

但是,由于存在一个
null
值,因此由于日期不同,该值是序列a

需要使用
interpoleNulls:true

从文档中

插值单元格
是否猜测缺失点的值。如果为true,它将根据相邻点猜测任何缺失数据的值。如果为false,它将在未知点留下一条线中断

请参阅以下工作片段

google.charts.load('current',{'packages':['corechart']});
google.charts.setOnLoadCallback(drawChart);
函数绘图图(){
var data=new google.visualization.DataTable();
data.addColumn('date','X');
data.addColumn('编号','系列a');
data.addColumn('编号','系列b')
data.addRows([
[新日期(1472688000000),2.08023,1.99324],
[新日期(1472774400000),空,2.00112],
[新日期(1472947200000),2.01123,空]
]);
变量选项={
真的吗
};
var container=document.getElementById('chart_div');
var chart=新的google.visualization.LineChart(容器);
图表绘制(数据、选项);
}