javascript - 谷歌图表 json 数据馈送

Question

我正在使用 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);
   }

Answer 1

有关javascript 和包装器的结构，请参阅通过 dataTable JSON 在 google 饼图上设置颜色。还需要服务器返回以生成饼图的数据格式。

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

一般要点；

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