json - 将 json 响应输入谷歌饼图

Question

我通过 ajax 将表单发布到页面（insert.php），然后返回 json 格式的响应。我想使用 json 响应来加载谷歌饼图。如果我手动将 json 响应粘贴到新的 google.visualization.DataTable() 中，则会加载图表，但是当我尝试将数据提供给 drawChart 函数（如下）时，没有任何反应。我没有收到任何错误消息。

我不知道这是否是正确的方法，所以非常感谢任何帮助！

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





});
}); 

Answer 1

看起来您没有传入 jsonData 参数。

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

应该

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