Javascript 多日期谷歌图表
我想在一个谷歌图表中显示多个数据集合。每个系列都是CPM的集合,带有日期: 例如: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图形中绘制这两个图形。我应该如何格式化数据行(如果可能的话) 我已经
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(容器);
图表绘制(数据、选项);
}