如何在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数据？

回答

相关问题