2013-04-10 3 views
0

json 형식의 응답을 반환하는 페이지 (insert.php)에 ajax를 통해 양식을 게시하고 있습니다. json 응답을 사용하여 Google 원형 차트를로드하려고합니다. json 응답을 새 google.visualization.DataTable()에 수동으로 붙여 넣으면 차트가로드되지만 데이터를 drawChart 함수에 피드하려고하면 아무 일도 발생하지 않습니다. 오류 메시지가 표시되지 않습니다.json repsonse google pie chart

이 방법이 올바른지 모르겠으니 어떤 도움을 주시면 감사하겠습니다.

$(document).ready(function(){ 

$("#quiz").submit(function() { return false; }); 

    $("#send").click(function(){ 

    $.ajax({ 
     type: 'POST', 
     url: "insert.php", 
     data : $("#quiz").serialize(), 
     dataType: "json", 
    success: function(jsonData){ 


drawChart(jsonData); 

} 
}) 

// Load the Visualization API and the piechart package. 
google.load('visualization', '1', {'packages':['corechart']}); 



function drawChart(jsonData) { 


    // Create our data table out of JSON data loaded from server. 
    var data = new google.visualization.DataTable(); 

    // Instantiate and draw our chart, passing in some options. 
    var chart = new google.visualization.PieChart(document.getElementById('chart_div')); 
    chart.draw(data, {width: 400, height: 240}); 
} 





}); 
}); 

답변

1

jsonData 인수를 전달하지 않는 것 같습니다.

var data = new google.visualization.DataTable(); 

이어야한다

var data = new google.visualization.DataTable(jsonData);