谷歌線路圖 - 後面的行添加

我使用谷歌的圖表，我有以下示例中的邏輯：谷歌線路圖 - 後面的行添加

<html> 
    <head> 
    <script type="text/javascript" src="https://www.google.com/jsapi"></script> 
    <script type="text/javascript"> 
     google.load("visualization", "1", {packages:["corechart"]}); 
     google.setOnLoadCallback(drawChart); 
     function drawChart() { 
     var data = new google.visualization.DataTable(); 
     data.addColumn('string', 'Year'); 
     data.addColumn('number', 'Sales'); 
     data.addColumn('number', 'Expenses'); 
     data.addRows([ 
      ['2004', 1000, 400], 
      ['2005', 1170, 460], 
      ['2006', 860, 580], 
      ['2007', 1030, 540] 
     ]); 

     var options = { 
      width: 400, height: 240, 
      title: 'Company Performance' 
     }; 

     var chart = new google.visualization.LineChart(document.getElementById('chart_div')); 
     chart.draw(data, options); 
     } 
    </script> 
    </head> 
    <body> 
    <div id="chart_div"></div> 
    </body> 
</html>

當我添加行，而不在最後一列的任何數據，谷歌圖表無法繪製圖表。例如，這個數據我不沒有得到任何圖表：

data.addRows([ 
     ['2004', 1000, 400], 
     ['2005', 1170, 460], 
     ['2006', 860, 580], 
     ['2007', , ] 
    ]);

，但如果我添加了最後一欄，看到下面，它的工作原理。

data.addRows([ 
     ['2004', 1000, 400], 
     ['2005', 1170, 460], 
     ['2006', 860, 580], 
     ['2007', , 122] 
    ]);

有人可以向我解釋：這背後的邏輯是什麼？

謝謝！

來源

2012-01-25 Jonathan Raul Tapia Lopez

這可能是因爲圖表的範圍在創建圖表時的最後一行結束。如果添加更多行，則圖表範圍不會更改，因此您必須調整範圍（不確定是否可以使用API）或創建新圖表。

來源

2012-05-19 10:43:11 tanman

谷歌線路圖 - 後面的行添加

回答

相關問題