Javascript 如何在google图表上的时间类型中添加空值

Javascript 如何在google图表上的时间类型中添加空值,javascript,google-visualization,Javascript,Google Visualization,我想将表示空值的Timeofday的null发送到Google图表中,但这会给我带来错误 无法读取null的属性“length” 如何添加Timeofday类型的空值?这是我的密码 google.charts.load('current',{'packages':['line']}); google.charts.setOnLoadCallback(drawChart); 函数绘图图(){ var data=new google.visualization.DataTable(); data.a

我想将表示空值的Timeofday的null发送到Google图表中,但这会给我带来错误

无法读取null的属性“length”

如何添加Timeofday类型的空值?这是我的密码

google.charts.load('current',{'packages':['line']});
google.charts.setOnLoadCallback(drawChart);
函数绘图图(){
var data=new google.visualization.DataTable();
data.addColumn('date','Day');
data.addColumn('timeofday','A');
data.addColumn('timeofday','B');
data.addRows([
[新日期(2016年6月1日),[02,51,56],[02,51,56],
[新日期(2016年6月2日),[02,51,56],[02,51,56],
[新日期(2016年6月3日),无效[02,51,56],
[新日期(2016年6月4日),[02,51,56],[02,51,56],
]);
变量选项={
图表:{
标题:"测试",,
副标题:"测试"
},
宽度:900,
身高:500
};
var chart=new google.charts.Line(document.getElementById('linechart_material');
图表绘制(数据、选项);
}
我希望我的图表是这样的,但是是时间型的

使用核心图表与材料图表相比,效果更好

您可以使用以下选项使外观和感觉接近材质图表

主题:“材料”

请参阅下面的示例

google.charts.load('current'{
回调:函数(){
var data=new google.visualization.DataTable();
data.addColumn('date','Day');
data.addColumn('timeofday','A');
data.addColumn('timeofday','B');
data.addRows([
[新日期(2016年6月1日),[02,51,56],[02,52,56],
[新日期(2016年6月2日),[02,51,56],[02,52,56],
[新日期(2016年6月3日),无效[02,52,56],
[新日期(2016年6月4日),[02,51,56],[02,52,56],
[新日期(2016年6月5日),[02,51,56],[02,52,56],
]);
变量选项={
图表:{
标题:"测试",,
副标题:"测试"
},
主题:"材料",,
宽度:900,
身高:500
};
var chartCore=new google.visualization.LineChart(document.getElementById('LineChart_-core');
chartCore.draw(数据、选项);
var chartMatl=new google.charts.Line(document.getElementById('linechart_material');
chartmatal.draw(数据,google.charts.Line.convertOptions(选项));
},
包:['corechart','line']
});

使用核心图表与材料图表有效

您可以使用以下选项使外观和感觉接近材质图表

主题:“材料”

请参阅下面的示例

google.charts.load('current'{
回调:函数(){
var data=new google.visualization.DataTable();
data.addColumn('date','Day');
data.addColumn('timeofday','A');
data.addColumn('timeofday','B');
data.addRows([
[新日期(2016年6月1日),[02,51,56],[02,52,56],
[新日期(2016年6月2日),[02,51,56],[02,52,56],
[新日期(2016年6月3日),无效[02,52,56],
[新日期(2016年6月4日),[02,51,56],[02,52,56],
[新日期(2016年6月5日),[02,51,56],[02,52,56],
]);
变量选项={
图表:{
标题:"测试",,
副标题:"测试"
},
主题:"材料",,
宽度:900,
身高:500
};
var chartCore=new google.visualization.LineChart(document.getElementById('LineChart_-core');
chartCore.draw(数据、选项);
var chartMatl=new google.charts.Line(document.getElementById('linechart_material');
chartmatal.draw(数据,google.charts.Line.convertOptions(选项));
},
包:['corechart','line']
});


试用版
'41'
'45'
'current'
相比,材料正常工作,运气不佳…试用版
'41'
'45'
'current'
相比,材料正常工作,运气不佳。。。