[英]google.visualization.PieChart is not a constructor
我正在使用餅圖來顯示數據,這是我的代碼,我添加了以下腳本
<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
<script type="text/javascript">
google.charts.load('current', { 'packages': ['corechart', 'gauge'] });
和我用來顯示聊天的功能:-
self.DrawServiceGraph = function (obj) {
var dataArray = new Array();
dataArray.push(['Services', 'Total']);
var subCat = ko.utils.arrayFirst(self.SelectedServiceSubCategoryList(), function (o) { return o.Id === obj.Id; });
if (subCat !== undefined) {
$.each(subCat.SSC_List(), function (index, item) {
var value = parseInt(item.Value());
dataArray.push([item.SSC_Name, value]);
});
var data = google.visualization.arrayToDataTable(dataArray);
var options = {
title: '', height: 230, width: 330,
chartArea: { left: 0, width: '100%' },
legend: { position: 'right', alignment: 'start', maxLines: 5, textStyle: { fontSize: 10 } }
};
var chart = new google.visualization.PieChart(document.getElementById('Services-chart' + obj.Id));
chart.draw(data, options);
}
}
然后我從行中得到了錯誤:
google.visualization.Pie Chart不是構造函數,而google.visualization.arrayToDataTable不是構造函數
避免這種錯誤的可能解決方案是什么?
您是否在等待load
語句完成?
使用callback
函數知道何時可以開始繪圖...
google.charts.load('current', {
callback: function () {
// begin drawing
},
packages: ['corechart', 'gauge']
});
- 要么 -
google.charts.load('current', {
packages: ['corechart', 'gauge']
});
google.charts.setOnLoadCallback(function () {
// begin drawing
});
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.