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

将json响应反馈到谷歌饼图中

1 个答案: