Javascript 单击chart.js中的按钮时更改数据

我正在做一个网站项目，在charts.js中我遇到了问题，我想更改图表中的数据，所以当我点击按钮时，数据值正在更改，但我被卡住了，我不知道如何做。下面是与我的项目类似的代码示例

var数据={
标签：[“一月”、“二月”、“三月”]，
数据集：[
{
填充颜色：“rgba（220220,0.2）”，
strokeColor:“rgba（2201）”，
点颜色：“rgba（220220,1）”，
pointStrokeColor:“fff”，
pointHighlightFill:“fff”，
pointHighlightStroke:“rgba（2201）”，
数据：[30120,90]
},
{
填充颜色：“rgba（10020220,0.7）”，
strokeColor:“rgba（2201）”，
点颜色：“rgba（220220,1）”，
pointStrokeColor:“fff”，
pointHighlightFill:“fff”，
pointHighlightStroke:“rgba（2201）”，
数据：[10,70110]
}
]
};
var context=document.querySelector（'#graph'）.getContext（'2d'）；
新图表（上下文）。线条（数据）

选择1
选择2
调用
图表（上下文）.Line（新数据）
在按钮上单击以重新加载图表


var数据={
标签：[“一月”、“二月”、“三月”]，
数据集：[
{
填充颜色：“rgba（220220,0.2）”，
strokeColor:“rgba（2201）”，
点颜色：“rgba（220220,1）”，
pointStrokeColor:“fff”，
pointHighlightFill:“fff”，
pointHighlightStroke:“rgba（2201）”，
数据：[30120,90]
},
{
填充颜色：“rgba（10020220,0.7）”，
strokeColor:“rgba（2201）”，
点颜色：“rgba（220220,1）”，
pointStrokeColor:“fff”，
pointHighlightFill:“fff”，
pointHighlightStroke:“rgba（2201）”，
数据：[10,70110]
}
]
};
变量数据1={
标签：[“三月”、“四月”、“五月”]，
数据集：[
{
填充颜色：“rgba（220220,0.2）”，
strokeColor:“rgba（2201）”，
点颜色：“rgba（220220,1）”，
pointStrokeColor:“fff”，
pointHighlightFill:“fff”，
pointHighlightStroke:“rgba（2201）”，
数据：[50100140]
},
{
填充颜色：“rgba（10020220,0.7）”，
strokeColor:“rgba（2201）”，
点颜色：“rgba（220220,1）”，
pointStrokeColor:“fff”，
pointHighlightFill:“fff”，
pointHighlightStroke:“rgba（2201）”，
数据：[4070200]
}
]
};
var context=document.querySelector（'#graph'）.getContext（'2d'）；
新图表（上下文）。线条（数据）；
$（“#btn1”）。在（“单击”，函数（）{
var context1=document.querySelector（'#graph'）.getContext（'2d'）；
新图表（上下文1）。线条（数据）；
});
$（“#btn2”）。在（“单击”，函数（）{
var context2=document.querySelector（'#graph'）.getContext（'2d'）；
新图表（上下文2）行（数据1）；
});

选择1
选择2
您应该更新所需的数据，并调用
update
方法


在创建新图表之前，您不应该先销毁以前的图表吗？
const context = document.querySelector('#graph').getContext('2d'),
      chart = new Chart(context).Line(data);

$("#btn1").on("click", function() {
    chart.data.datasets[0].data = [140,100,50];
    chart.update();
});