2013-04-10 129 views
0

我通過ajax發佈表單到一個頁面(insert.php),然後返回一個json格式的響應。我想使用json響應來加載谷歌餅圖。如果我手動將json響應粘貼到新的google.visualization.DataTable()中,圖表會加載,但是當我嘗試將數據提供給drawChart函數(下面)時,什麼都不會發生。我沒有收到任何錯誤消息。飼料json repsonse到谷歌餅圖

我不知道這是否是正確的方法,所以任何幫助非常感謝!

$(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);