如何在google可视化图表上加载JSON数据？

Question

我是google-visualization的新手。我正在开发一个完整的仪表板，比如google full dashboard example

在下面的示例中，我像这样声明数据：

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);

当我打开页面时，我得到这个错误：“Object #在format+it，default+it，ui+it，controls+it，corechart+it.I.js:183没有'zg‘方法”

我哪里错了？JSON格式错误？

Answer 1

DataTable构造函数中缺少new关键字。它应该是：

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