将 json 响应输入谷歌饼图答案

【问题标题】：Feed json repsonse into google pie chart将 json 响应输入谷歌饼图
【发布时间】：2013-04-10 11:37:14
【问题描述】：

我通过 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});
}





});
});

【问题讨论】：

标签： json jquery google-visualization

【解决方案1】：

您似乎没有传入 jsonData 参数。

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

应该是

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

【讨论】：