Javascript 如果值仅出现在第一个和最后一个中,则Google柱形图中出现错误

Javascript 如果值仅出现在第一个和最后一个中,则Google柱形图中出现错误,javascript,google-visualization,column-chart,Javascript,Google Visualization,Column Chart,我已经给第一列和最后一列赋值。这里有一个例子 const data = new google.visualization.DataTable(); data.addColumn('date', 'Day'); data.addColumn('number', 'label 1'); data.addColumn('number', 'label 2'); data.addColumn('number', 'label 3'); data.addRows([ [new Date("2016-8

我已经给第一列和最后一列赋值。这里有一个例子

const data = new google.visualization.DataTable();
data.addColumn('date', 'Day');
data.addColumn('number', 'label 1');
data.addColumn('number', 'label 2');
data.addColumn('number', 'label 3');
data.addRows([
  [new Date("2016-8-1"),40, 10, 2],
  [new Date("2016-8-2"),null,null,null],
  [new Date("2016-8-3"),null,null,null],
  [new Date("2016-8-4"),null,null,null],
  [new Date("2016-8-5"),null,null,null],
  [new Date("2016-8-6"),20,30,20]
]);
这是我得到的结果


当我们在中间有任何值而不是NULL时,图表工作。

似乎可以正常运行,您使用什么选项?< /P>

google.charts.load('current',{'packages':['corechart']});
google.charts.setOnLoadCallback(drawChart);
函数绘图图(){
var data=new google.visualization.DataTable();
data.addColumn('date','Day');
data.addColumn('number','label 1');
data.addColumn('number','label 2');
data.addColumn('number','label 3');
data.addRows([
[新日期(“2016-8-1”)、40、10、2],
[新日期(“2016-8-2”),空,空,空],
[新日期(“2016-8-3”),空,空,空],
[新日期(“2016-8-4”),空,空,空],
[新日期(“2016-8-5”),空,空,空],
[新日期(“2016-8-6”),20,30,20]
]);
变量选项={
图例:{
位置:'底部'
},
哈克斯:{
格式:“d”
}
};
var chartDiv=document.getElementById('chart_div');
var chart=新的google.visualization.ColumnChart(chartDiv);
图表绘制(数据、选项);
//格式测试
var dataTest=new google.visualization.DataTable();
dataTest.addColumn('date','Day');
dataTest.addRows([
[新日期(“2015-12-31”)],

[新日期(“2015年12月31日”)],//建议使用日期格式-->
'MM/dd/yyyy'
'yyyy-M-d'
--示例-->--我认为问题在于选项
栏。groupWidth
的问题。我以前用%作为宽度。我把它改成了一个数字,而不是%,效果很好。我不知道为什么用%不起作用。