Javascript 事件后更新数组

我有一个条形图，y轴是数组中的数据。数组有两个数据点，其中一个是名为checked的变量。变量取决于事件。 加载页面时，仍然不会创建变量（选中）。 因此，图中的第一列被设置为零。我希望每次检查变量时都能更新图表。 这可能吗

带提醒的待办事项清单
我的日常工作
添加时间和任务，然后按enter键。完成任务后，单击任务栏

要删除任务，请单击任务栏角落的x



var checked=document.getElementsByClassName（'column checked'）。长度
//var=1；
var ctx=document.getElementById（'myChart'）.getContext（'2d'）；
var myChart=新图表（ctx{
类型：'bar'，
数据：{
标签：[“总任务”、“已完成任务”]，
数据集：[{
标签：“已完成的任务”，
数据：[已检查，9]，
背景颜色：[
"rgba(255,99,132,0.2)",，
“rgba（54162235,0.2）”，
"rgba(255,206,86,0.2)",，
“rgba（751921920.2）”，
“rgba（153102255,0.2）”，
‘rgba（255、159、64、0.2）’
],
边框颜色：[
"rgba(255,99,132,1)",，
“rgba（54162235,1）”，
"rgba(255,206,86,1)",，
"rgba(751921921)",，
"rgba(153102255,1)",，
‘rgba（255、159、64、1）’
],
边框宽度：1
}]
},
选项：{
比例：{
雅克斯：[{
滴答声：{
贝吉纳泽罗：是的
}
}]
}
}
});