Javascript 如何使用多个google图表，以便在动态表的单元格中使用它们

我试图在表格单元格上使用多个google图表，但我发现只有一个实例可以使用。 更多信息。我正在使用这个代码

...looping so I get and set percentFromtable JS value
    <tr>
  <td>
    <script type="text/javascript"     src="https://www.gstatic.com/charts/loader.js"></script>
    <script type="text/javascript">
      google.charts.load("current", {packages:["corechart"]});
      google.charts.setOnLoadCallback(drawChart);
      function drawChart() {
        var data = google.visualization.arrayToDataTable([
          ['Task', 'Hours per Day'],
          ['percent',     percentFromtable],
          ['REst',     100 - percentFromtable],              
        ]);

        var options = {
          title: 'My Daily Activities',
          pieHole: 0.4,
        };

        var chart = new  google.visualization.PieChart(document.getElementById('donutchart'));
        chart.draw(data, options);
      }
    </script>

<div id="donutchart" style="width: 900px; height: 500px;"></div>

…循环，以便从表JS值中获取并设置百分比
load（“当前”{packages:[“corechart”]}）；
google.charts.setOnLoadCallback（drawChart）；
函数绘图图（）{
var data=google.visualization.arrayToDataTable([
[“任务”，“每天工作小时数”]，
['percent'，percentFromtable]，
['REst'，100%来自表格]，
]);
变量选项={
标题：“我的日常活动”，
pieHole:0.4，
};
var chart=new google.visualization.PieChart（document.getElementById（'donutchart'）；
图表绘制（数据、选项）；
}

但我只得到一张图表，在其他单元格中我得到一个空白。 可能我必须声明一个数据数组，但我想与社区核实正确的方法。谢谢，如果需要更多详细信息，请告诉我。

两件事

google.charts.load

和

setOnLoadCallback

应仅在每页加载时调用一次 不是很多次

每个图表

div

应具有唯一的

id

建议将

html

与

javascript

分开
也许可以先尝试构建表格，然后在页面加载时绘制图表

像这样的

google.charts.load（'current'{
回调：函数（）{
var percentFromtable=0；
Array.prototype.forEach.call（document.getElementById（'chartTable'）。行，函数（行，索引）{
百分比表+=33；
var data=google.visualization.arrayToDataTable([
[“任务”，“每天工作小时数”]，
['Percent'，percentFromtable]，
['Rest'，100%来自表格]，
]);
新的google.visualization.PieChart（document.getElementById（'donutchart'+索引））.draw（数据{
标题：“我的日常活动”，
pieHole:0.4，
});
});
},
软件包：['corechart']
});

两件事

google.charts.load
和
setOnLoadCallback
应仅在每页加载时调用一次
不是很多次
每个图表
div
应具有唯一的
id

建议将
html
与
javascript
分开

也许可以先尝试构建表格，然后在页面加载时绘制图表

像这样的


google.charts.load（'current'{
回调：函数（）{
var percentFromtable=0；
Array.prototype.forEach.call（document.getElementById（'chartTable'）。行，函数（行，索引）{
百分比表+=33；
var data=google.visualization.arrayToDataTable([
[“任务”，“每天工作小时数”]，
['Percent'，percentFromtable]，
['Rest'，100%来自表格]，
]);
新的google.visualization.PieChart（document.getElementById（'donutchart'+索引））.draw（数据{
标题：“我的日常活动”，
pieHole:0.4，
});
});
},
软件包：['corechart']
});

我昨天回答了这个问题我昨天回答了这个问题