Javascript 单击按钮时，从存储在变量中的数组更新图表数据

我有一个从表列获取数据值的图表。它目前可以自己工作，但我想添加一个功能，可以在单击按钮时更改/更新图表的数据。我尝试了这段代码，但不起作用（数组对我来说非常混乱）：

var canvasP=document.getElementById（“pieChart”）； var table=document.getElementById（“myTable”）； var nameArr=[]； var data1Arr=[]； var data2Arr=[]； var tableLen=table.rows.length； var i； 对于（i=1；i

名称
第一数据
第二数据
项目1
337
411
项目2
290
110
项目3
197
800
项目4
765
211
项目5
331
451
项目6
957
871
全部的
2877
2854
数据1
数据2

经过多次测试，这似乎解决了问题：

document.getElementById("btn1").addEventListener("click",function(){
myPieChart.data.datasets[0].data = data1Arr;
myPieChart.update();
});

document.getElementById("btn2").addEventListener("click",function(){
myPieChart.data.datasets[0].data = data2Arr;
myPieChart.update();
});