javascript - 在 Google Charts 中使用 JSON 创建数据表

Question

我有一个硬编码的 JSON 对象，我将其传递给 google.visualization.DataTable() 以创建数据表对象，但似乎出现了问题。我在可视化 api 中发现了一个 JS 错误:“Uncaught TypeError: undefined is not a function”。这是 JSON 数据:

var jsonData = {
    cols: [
        {id: 'date', label: 'Sample Date', type: 'date'},
        {id: 'countervalue', label: 'Counter Value', type: 'number'}
    ],

    rows: [
        {c: [ {v: Date(2014, 4, 30, 10, 30, 0)}, {v: 2457.0} ] },
        {c: [ {v: Date(2014, 4, 30, 10, 30, 15)}, {v: 2458.0} ] },
        {c: [ {v: Date(2014, 4, 30, 10, 30, 30)}, {v: 2459.0} ] },
        {c: [ {v: Date(2014, 4, 30, 10, 30, 45)}, {v: 2452.0} ] },
        {c: [ {v: Date(2014, 4, 30, 10, 31, 0)}, {v: 2451.0} ] },
        {c: [ {v: Date(2014, 4, 30, 10, 31, 15)}, {v: 2443.0} ] },
        {c: [ {v: Date(2014, 4, 30, 10, 31, 30)}, {v: 2444.0} ] }
    ]
};

这就是它似乎正在爆炸的地方:

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

这是解决方案的 JSFiddle: http://jsfiddle.net/jcaine04/3PJph/2/

Answer 1

代码工作正常，您只需要更改:

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

致:

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

另外，将 jsfiddle 从 onLoad 更改为 noWrap ，否则 drawChart() 将不会执行。最后，当你修复它时，它会抛出谷歌错误:饼图应该有一个字符串类型的第一列×