Javascript 用动态数据绘制谷歌饼图

我试图通过使用JavaScript创建一个动态表来绘制一个简单的谷歌饼图

为什么我的代码失败

var g;
for (g=0; g <3; g++) {      
    var data = new google.visualization.DataTable();
    data.addColumn('string', 'Task');
    data.addColumn('number', 'Failed');
    data.addColumn('number', 'Passed');
    data.addRows(1);
    data.setCell(0, 0, "Work?");
    data.setCell(0, 1, 80);
    data.setCell(0, 2, 20);
    var chartName = 'piechart'+(g+1);  
    var chart = new google.visualization.PieChart(document.getElementById(chartName));   
    chart.draw(data,options);
}

varg；
对于（g=0；g你的目标是这样的吗？
此外，如果可以，考虑使用ADDROW代替StCELL 

我认为问题在于您的表/数据结构



//加载可视化API和corechart包。
google.charts.load（'current'{
“包”：[“核心图表”]
});
//将回调设置为在加载Google Visualization API时运行。
google.charts.setOnLoadCallback（drawChart）；
函数绘图图（）{
var g；
对于（g=0；g<3；g++）{
var data=new google.visualization.DataTable（）；
data.addColumn（'string'，'PassOrfail'）；
data.addColumn（'number'，'Percentage'）；
data.addRows([
[‘通过’，80]，
['Failed'，20]，
]);
var chartName='piechart'+（g+1）；
var chart=new google.visualization.PieChart（document.getElementById（chartName））；
图表绘制（数据）；
}
}
什么失败了，请在控制台上发布错误您希望看到的最终结果是什么？您希望每个任务都有一个饼图，显示成功率和失败率吗？饼图中超过两列是很少见的