[英]Inserting dynamic data into Google Pie Chart
我有任務要將動態數據插入Google PieChart
。
在該鏈接中,我插入此代碼:
function drawVisualization() {
// Create and populate the data table.
var data = google.visualization.DataTable();
var mycars=["Saab","Volvo","BMW"];
var mypoints=[4,12,45];
data.addColumn('string', 'Cars');
data.addColumn('number', 'Numbers');
data.addRows(mycars.length);
for (var i = 0; i < mycars.length; i++){
data.setCell(i,0,mycars[i]);
data.setCell(i,1,mypoints[i]);
}
// Create and draw the visualization.
new google.visualization.PieChart(document.getElementById('visualization')).
draw(data, {title:"So, how was your day?"});
}
在下面的例子中,我得到動態數組mycars
和mypoints
,然后我嘗試將這些數組插入到for loop
圖表中。
PieChart沒有顯示。 這有什么問題?
你有一個javascript錯誤。 在實例化DataTable時需要使用new
關鍵字。
更換
var data = google.visualization.DataTable();
同
var data = new google.visualization.DataTable();
我使用jquery中的代碼解決了這個問題,如下所示:
$("#piechart_3d").show();
google.load("visualization", "1", {
packages: ["corechart"], callback: function () {
var data = google.visualization.arrayToDataTable([
['Going', 'a Day'],
['Car', 11],
['Bus', 2],
['Moto', 2]
]);
var options = {
title: 'Report',
backgroundColor: 'transparent',
is3D: true,
};
var chart = new google.visualization.PieChart(document.getElementById('piechart_3d'));
chart.draw(data, options);
}
});
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.