2012-02-08 69 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>