2012-08-14 67 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,因为它可以让你分离出他建立从渲染很好。