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

Question

我是谷歌可视化的新手.我正在开发一个完整的仪表板,如谷歌完整的仪表板示例

按照示例,我声明如下数据:

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 +它,控制+它,核心图+ it.I.js:183"

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

Answer 1

您缺少newDataTable构造函数中的关键字.它应该是:

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