Google Charts - 沒有可用的數據 - 能夠顯示空白圖表？

Question

如果我的數據數組看起來像這樣，如何仍然可以讓Google Charts仍顯示折線圖？ [['Date','Line']]

即只定義軸。我的大多數圖表都有數據導入，但有些數據沒有。我想顯示一個空白圖表。使用上面的數據，我得到一個錯誤信息，而不是一個圖表。

這裏是代碼在我看來

google.load("visualization", "1", {packages:["corechart"]}); 
google.setOnLoadCallback(drawChart); 

function drawChart() { 
    var data = google.visualization.arrayToDataTable(#{@visiting_spread_movement_array}); 

    var options = { 
       title: 'Point Spread Movements for #{@event.visiting_team}' 
       }; 


    var chart = new google.visualization.LineChart(document.getElementById('show-spread-visiting')); 

    chart.draw(data, options); 

} 

Answer 1

好，吸引你至少需要一個數據點的圖表。爲了archieve這一點，你可以使用此解決方法：

 var data = google.visualization.arrayToDataTable([ 
      [{ 
       f: 'Date', 
       type: 'date' // wont work whithout this 
      }, { 
       f: 'Line', 
       type: 'number' // wont work whithout this 
      }], ]); 

     var options = { 
      title: 'Company Performance' 
     }; 

     if (data.getNumberOfRows() == 0) { // if you have no data, add a data point and make the series transparent 
      data.addRow([new Date(), 0]) 
      options.series = { 
       0: { 
        color: 'transparent' 
       } 
      } 
     } 

完全小提琴：http://jsfiddle.net/qaLgh955/