Google Chart json數據供稿

Question

我正在使用Google Piechart API，並且需要使用Google DataTable進行數據Feed。

我在頁面中有一個Ajax回調..回調im解析json數據后，我需要在json解析時設置google dataTable。 我需要使用此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和包裝器的結構，請參見通過dataTable JSON在Google餅圖上設置顏色 。 另外，服務器需要返回以生成餅圖的數據格式。

請注意，您的.aspx頁未返回實際值。

一般要點

• 列數據必須在JSON中的行數據旁邊
• 使用ChartWrapper，因為它可以讓您很好地將他的設置與渲染分開。