Question

我正在使用google piechart api，我需要使用Google DataTable进行数据Feed。

我在页面中有一个ajax回调...在回调之后解析json数据我需要在json解析时设置google dataTable。我需要使用此数据表参数调用drawChart（）函数。

如何在jquery中为每个函数设置google datatable？

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和包装器的结构，请参阅Set colors on google piechart via dataTable JSON。还有服务器返回以生成饼图的数据格式。

小心你.aspx页面没有返回实际值。

一般要点;

列数据需要位于JSON
使用ChartWrapper，因为它允许您很好地将其设置与渲染分开。

Google Chart json数据Feed

1 个答案: