相关疑难解决方法(0)

我在尝试加载Google Charts脚本时收到上述消息.

我很确定问题是我正在尝试使用jQuery的getJSON方法加载dataTable ,但我已经阅读了这个问题的答案,仍然无法连接点.

我想要获取的数据来自网址/api/formula,如下所示:

[{"name": "the name", "amount": "the amount"},{...},{...}]

我用于图表的脚本是这样的:

google.load('visualization', '1.0', {
'packages':['corechart']
});
google.setOnLoadCallback(drawChart);
function loadIngredients() {
var jsonData = {
 "cols": [
 {"id":"","label":"Ingredient","pattern":"","type":"string"},
 {"id":"","label":"Amount","pattern":"","type":"number"}
 ],
 "rows": []
};

$.getJSON('/api/formula', function(data){
  $.each(data, function(key, item){
    jsonData.rows.push({"c":[{"v":item.name,"f":null},{"v":item.amount,"f":null}]});
  });
});
return jsonData;
}

function drawChart() {
  var options = {
    'title': 'Formula Breakdown By Weight',
    'pieHole': 0.4
  };

  var data = new google.visualization.DataTable(loadIngredients());
  var chart = new google.visualization.PieChart(document.getElementById('formula-chart-div'));
  chart.draw(data, options);
}

最后我嵌入它的jQuery看起来像这样:

$(document).ready(function(){ …