JSON => GoogleCharts格式化

时间:2012-06-03 11:20:15

标签: json charts datatable visualization

我拼命想让我的GoogleChart正常工作。这段代码总是会抛出错误:

        function drawChart() 
        { 
          var data = new google.visualization.DataTable(); 
          data.addColumn('number', 'hour'); 
          data.addColumn('number', 'TriggerCount'); 
          var JsonManuallyEncoded = '{1:{1:01,2:4},2:{1:03,2:4},3:{1:04,2:48},4:{1:05,2:59},5:{1:06,2:59},6:{1:07,2:87},7:{1:08,2:62},8:{1:09,2:46},9:{1:10,2:61},10:{1:11,2:71},11:{1:12,2:54},12:{1:13,2:61},13:{1:14,2:89},14:{1:15,2:58},15:{1:16,2:122},16:{1:17,2:108},17:{1:18,2:64},18:{1:19,2:50},19:{1:20,2:10},20:{1:21,2:18}};'
          data.addRows(JsonManuallyEncoded);


        var chart = new google.visualization.ColumnChart(document.getElementById('chart_div')); 
        chart.draw(data);}

Firefox控制台说:"给予addRows的参数必须是数字或数组"。 我怀疑JSON字符串的格式不正确,但我无法弄清楚是什么错。有人可以说出我的错误吗?这可能是微不足道的,但我已经花了好几个小时了......

1 个答案:

答案 0 :(得分:1)

您是否查看了addRows的文档?但是你不应该将行数据作为JSON编码的字符串传递给addRows,你应该传递一个数组数组结构。我认为可能有其他API函数用于传递JSON字符串,因此我建议您阅读文档并查看示例。