通過Ajax載入谷歌圖表

我已經放在一起簡單的費用跟蹤頁面，我目前正試圖加載谷歌圖表使用.load（） - 但是當我加載我的頁面時，我收到此錯誤：通過Ajax載入谷歌圖表

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>

來源

2012-03-13 doublesidedstickytape

是否包含前谷歌JSAPI腳本負載和回調方法？

這裏是代碼，如果你沒有：

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

來源

2012-03-13 13:09:55 ChapMic

Hi ChapMic。 Google JSAPI包含在我的chart.pl腳本中（該腳本從日期和日期之間抓取一些數據（在URL中定義），然後吐出一個圖表。如果我自己運行圖表腳本，可以返回一個圖表 - 但通過Ajax它出現了錯誤我已經嘗試在這兩個頁面中添加Google JSAPI腳本 - 但它會嘗試將我轉發到google.com並顯示最終超時的空白頁面我想這可能是一些愚蠢的東西，我錯過了 - 但是在搜索網絡後 - 我還沒有找到解決我的問題的方法！ – doublesidedstickytape 2012-03-13 18:13:09

你能給我們一些代碼嗎？也許我們會通過這種方式更快地找到它。 – ChapMic 2012-03-13 18:15:13

感謝ChapMic - 在原始問題/帖子中添加了代碼。 – doublesidedstickytape 2012-03-13 18:25:04

谷歌可能有一個跨域策略？

來源

2012-09-12 16:21:19

通過Ajax載入谷歌圖表

回答

相關問題