如果值僅出現在第一個和最後一個值中，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] 
]); 

這是我得到的結果。

的圖表工作時，我們中間有任何價值，而不是空。

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>