如果只有第一個和最后一個存在值，Google柱形圖中的錯誤

Question

我已將值賦予第一列和最后一列。 這是一個例子。

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時，該圖表將起作用。

Answer 1

在這里似乎可以正常使用，您正在使用哪些選項？

 google.charts.load('current', {'packages':['corechart']}); google.charts.setOnLoadCallback(drawChart); function 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([ [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] ]); var options = { legend: { position: 'bottom' }, hAxis: { format: 'd' } }; var chartDiv = document.getElementById('chart_div'); var chart = new google.visualization.ColumnChart(chartDiv); chart.draw(data, options); // format test var dataTest = new google.visualization.DataTable(); dataTest.addColumn('date', 'Day'); dataTest.addRows([ [new Date("2015-12-31")], [new Date("12/31/2015")], //<-- displays correct timezone ]); console.log(dataTest.getValue(0, 0)); console.log(dataTest.getValue(1, 0)); } 

 <script src="https://www.gstatic.com/charts/loader.js"></script> <div id="chart_div"></div>