通过Ajax加载Google图表

通过Ajax加载Google图表,ajax,charts,google-visualization,Ajax,Charts,Google Visualization,我已经创建了一个简单的费用跟踪页面,目前我正在尝试使用.load()加载Google图表-但是当我加载页面时,我收到以下错误: google is not defined function drawChart() { 在我的图表脚本中调用,并自行工作,但在通过Ajax加载时失败 这是我用来称之为图表的东西 $("#divRight").load("chart.pl?dtfm=" + dtfm + "&dtto=" + dtto); 非常感谢 --代码-- chart.pl中的代码片段

我已经创建了一个简单的费用跟踪页面,目前我正在尝试使用.load()加载Google图表-但是当我加载页面时,我收到以下错误:

google is not defined
function drawChart() {
在我的图表脚本中调用,并自行工作,但在通过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>

load('visualization','1',{packages:['corechart']});
setOnLoadCallback(drawChart);
函数绘图图(){
var data=new google.visualization.DataTable();
data.addColumn('string','Description');
data.addColumn('number','Cost');
data.addRows([
[Groceries',7.16],
[Web/Hosting',5.99],
[‘杂项’,4.00],
[“早餐”,2.00]
]);
变量选项={
标题:“”
};
var chart=new google.visualization.PieChart(document.getElementById('chart_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>

$(文档).ready(函数(){
$(“#divRight”).load(“chart.pl?dtfm=“+dtfm+”&dtto=“+dtto”);
});

在加载和回调方法之前是否包含Google JSAPI脚本

如果您没有,下面是代码:

<script type="text/javascript" src="http://www.google.com/jsapi"></script>


谷歌可能有跨域策略?

您好。Google JSAPI包含在my chart.pl脚本中(该脚本从数据库中获取日期从到之间的一些数据(在URL中定义)然后吐出一张图表。如果我自己运行图表脚本,我可以返回一张图表-但是通过Ajax它会出现错误。我尝试在两个页面中添加Google JSAPI脚本-但是它试图将我转发到Google.com,并显示一个空白页面,最终超时。我想这可能是我错过的愚蠢的事情-然而,在搜索了网络之后-我还没有找到解决问题的方法!你能给我们一些代码吗?也许通过这种方式我们会更快地找到它。