2012-02-08 128 views
2

我試圖用jquery ajax加載谷歌圖表時出現了問題,由於某種原因它創建了一個重定向循環到同一頁面。使用AJAX加載谷歌圖表

這是我所使用的代碼的一部分:

<div id="unique_views" style="float:left;"></div> 
<div class="cb"></div> 
<script type="text/javascript"> 

google.load('visualization', '1', {'packages':['corechart']}); 
google.setOnLoadCallback(drawChart); 
function drawChart() { 
// Create our data table. 
var data = new google.visualization.DataTable(); 
data.addColumn('string', 'Topping'); 
data.addColumn('number', 'Views'); 
data.addRows([ 
['Unique Views', <?= $unique_views ?>], 
['Total Views', <?= $i ?>] 
]); 

// Instantiate and draw our chart, passing in some options. 
var chart = new google.visualization.ColumnChart(document.getElementById('unique_views')); 
chart.draw(data, {is3D:true, backgroundColor: { fill:'transparent' }, showRowNumber: true, legend:'left',width: 350, height: 240, title: "Unique Views"}); 
} 
</script> 

我還獲得有時在螢火控制檯錯誤

谷歌沒有定義 (A,I,E,d)),克(f.fragments [a [0]] = h?e:1 ... a:a +「px」)}}),a.jQuery = a。$ = f})(window);

如果我嘗試單獨加載頁面,可以正常工作。任何想法,爲什麼它會這樣做?

回答

0

我覺得這行缺少:

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