谷歌图表 json 数据馈送答案

【问题标题】：Google Chart json data feed谷歌图表 json 数据馈送
【发布时间】：2012-08-14 11:22:49
【问题描述】：

我正在使用 google piechart api，我需要使用 google DataTable 提供数据。

我在页面中有一个 ajax 回调。回调后我正在解析 json 数据，我需要在 json 解析时设置 google dataTable。我需要用这个数据表参数调用 drawChart() 函数。

如何在 jquery 每个函数中设置谷歌数据表？

var googleData= new google.visualization.DataTable();
    googleData.addColumn('string', 'Topping');
    googleData.addColumn('number', 'Slices');


$.ajax({
   url: 'getCharData.aspx',
   success: function(data) {
     $.each(data.GeneralData, function (i, item) {

         .... need to set googleData rows with jsondata....

     });
     drawChart(googleData); 
   }
 });




  google.load('visualization', '1.0', { 'packages': ['piechart'] });

  function drawPieChart(data) {
    var chart = new google.visualization.PieChart(document.getElementById('chart_div'))
    chart.draw(data, options);
   }

【问题讨论】：

标签： javascript json google-visualization

【解决方案1】：

请参阅Set colors on google piechart via dataTable JSON 了解 javascript 和包装器的结构。也是服务器生成饼图所需返回的数据格式。

请注意，您的 .aspx 页面没有返回实际的 .

一般要点；

列数据需要在 JSON 中的行数据旁边
使用 ChartWrapper，因为它可以让您很好地将设置与渲染分开。

【讨论】：