2012-08-14 123 views
0

我正在使用google piechart API,我需要使用Google DataTable進行數據Feed。Google Chart json數據Feed

我在頁面中有一個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); 
    } 

回答

0

查看Set colors on google piechart via dataTable JSON爲javascript和包裝的結構。服務器還需要返回數據的格式才能生成一個餅圖。

小心你的.aspx頁面沒有實際返回。

一般要點;

  • 列數據需要行數據旁邊的JSON
  • 使用ChartWrapper,因爲它可以讓你分離出他建立從渲染很好。