2012-08-14 8 views
0

Google piechart api를 사용 중이며 google DataTable로 데이터 피드가 필요합니다.Google Chart json 데이터 피드

페이지에서 아약스 콜백이 있습니다. 콜백 후 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); 
    } 

답변

0

자바 스크립트 및 래퍼의 구조는 Set colors on google piechart via dataTable JSON을 참조하십시오. 또한 piechart를 생성하기 위해 서버가 반환해야하는 데이터의 형식입니다.

.aspx 페이지가 실제로 반환되지 않도록주의하십시오.

일반 사항;

  • 열 데이터는 JSON
  • 의 행 데이터 옆에 있어야 사용 ChartWrapper, 당신이 그가 잘 렌더링에서 업을 설정 밖으로 분리 할 수있다.