如何在Google可視化圖表上加載JSON數據？

我是新的谷歌可視化。我正在開發一個完整的儀表盤就像google full dashboard example 如何在Google可視化圖表上加載JSON數據？

下面我宣佈的數據是這樣的例子：

var data = google.visualization.arrayToDataTable([ 
    ['CodiceCliente', 'Cliente', 'QtàO13', 'QtàO14','UM'], 
     ['0000038893', 'Coop',300,350, 'CT'] .... ]);

現在我想從服務器加載數據。我創建一個JSON這樣的：

{ 
"cols": [ 
    {"id": "codiceCliente","label": "Cod. Cliente","type": "string"}, 
    {"id": "clienteDesc","label": "Cliente","type": "string"}, 
    {"id": "qtaO13","label": "Qtà O13","type": "number"}, 
    {"id": "qtaO14","label": "Qtà O14","type": "number"}, 
    {"id": "um","label": "UM","type": "string"} 
     ], 
"rows": [ 
    { 
     "c": [ 
      {"v": "0000038893"}, 
      {"v": "Coop"}, 
      {"v": "300"}, 
      {"v": "350"}, 
      {"v": "CT"} ] 
     }, 
     {.... }, ... ]}

在HTML頁面中我用這個代碼從服務器獲取數據：

var jsonData = $.ajax({ 
     url: "getJson.do", 
     dataType:"json", 
     async: false 
     }).responseText; 
    var data = google.visualization.DataTable(jsonData);

當我打開網頁，我得到這個錯誤：「對象＃沒有方法 'ZG' 在格式+它，默認+吧，UI +它，控制它+，corechart + it.I.js：183「

我在哪裏錯了？ JSON格式錯誤？

來源

2014-03-25 Giacomo Savioli

我覺得這個功能令人困惑，我自己。我覺得測試這個最簡單的方法：取對'DataTable'了'DataTable'你用'arrayToDataTable'調用生成，調用'toJSON'，輸出從比較它你所產生的輸入。差異很可能出現在您的錯誤的地方。 –

你缺少DataTable中構造的new關鍵字。它應該是：

var data = new google.visualization.DataTable(jsonData);

來源

2014-03-25 16:18:30 asgallant

嗨，非常感謝！ –

如何在Google可視化圖表上加載JSON數據？

回答

相關問題