Javascript 如何在google图表上的时间类型中添加空值
我想将表示空值的Timeofday的null发送到Google图表中,但这会给我带来错误 无法读取null的属性“length” 如何添加Timeofday类型的空值?这是我的密码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
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'
相比,材料正常工作,运气不佳。。。