我整理了一个简单的费用跟踪页面,目前正在尝试使用.load()加载Google图表-但是,当我加载页面时,会收到以下错误消息:
google is not defined
function drawChart() {
https://www.google.com/jsapi在我的图表脚本中被调用并且可以单独工作,但是在通过Ajax加载时失败。
这就是我用来称呼图表的东西。
$("#divRight").load("chart.pl?dtfm=" + dtfm + "&dtto=" + dtto);
非常感谢。
-代码-
chart.pl的片段
总计:£19.15
<script type='text/javascript' src='https://www.google.com/jsapi'></script>
<script type='text/javascript'>
google.load('visualization', '1', {packages:['corechart']});
google.setOnLoadCallback(drawChart);
function drawChart() {
var data = new google.visualization.DataTable();
data.addColumn('string', 'Description');
data.addColumn('number', 'Cost');
data.addRows([
['Groceries', 7.16],
['Web / Hosting', 5.99],
['Miscellanious', 4.00],
['Breakfast', 2.00]
]);
var options = {
title: ''
};
var chart = new google.visualization.PieChart(document.getElementById('chart_div'));
chart.draw(data, options);
}
</script>
<div id="chart_div" style='height:400px; width:400px; cursor:pointer;'></div>
index.pl的片段
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.18/jquery-ui.min.js"></script>
<script>
$(document).ready(function() {
$("#divRight").load("chart.pl?dtfm=" + dtfm + "&dtto=" + dtto);
});
</script>
最佳答案
您在加载和回调方法之前是否包含Google JSAPI脚本?
如果没有的话,下面是代码:
<script type="text/javascript" src="http://www.google.com/jsapi"></script>
关于ajax - 通过Ajax加载Google图表,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9684490/