jquery - 使用 AJAX 加载 Google 图表

Question

我在尝试使用 jquery ajax 加载 google 图表时遇到问题，由于某种原因它会创建到同一页面的重定向循环。

这是我使用的部分代码:

<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>

有时我也会在 Firebug 控制台中遇到错误

Google 未定义 (a,i,e,d)),g&&(f.fragments[a[0]]=h?e:1...a:a+"px")}}),a.jQuery=a.$= f})(窗口);

如果我尝试单独加载页面，效果很好。有什么想法为什么会这样做吗？

Answer 1

我认为缺少这一行:

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