将动态数据插入Google饼图

Den*_*lis 5 javascript google-visualization

我有任务要插入动态数据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?"});
}
Run Code Online (Sandbox Code Playgroud)

在下面的例子中,我得到动态数组mycarsmypoints,然后我尝试插入这些阵列中图表for loop.

PieChart没有显示.这有什么问题?

Jef*_*ows 3

你有一个 JavaScript 错误。new实例化DataTable时需要使用关键字。

代替

var data = google.visualization.DataTable();
Run Code Online (Sandbox Code Playgroud)

var data = new google.visualization.DataTable();
Run Code Online (Sandbox Code Playgroud)