Javascript 交互式按钮不'；Don’别像我想的那样把图表藏起来

我试图将一组数据链接到显示屏上的每个绿色按钮：我想单击按钮并显示图表中的一半曲线。我创建了按钮、函数和链接数据，但不起作用。最终目标是单击按钮（一个月）并仅显示三条曲线的一部分：

冠状病毒皮埃蒙特2020
Evoluzione del virus Covid-19 nel bimestre marzo aprile 2020（皮埃蒙特）


马尔佐
阿普里尔


变量label1=[16-marzo'，17-marzo'，18-marzo'，19-marzo'，20-marzo'，21-marzo'，22-marzo'，23-marzo'，24-marzo'，25-marzo'，26-marzo'，27-marzo'，28-marzo'，29-marzo 30-marzo'，31-marzo'，1-aprile'，2-aprile'，3-aprile'，4-aprile'，5-aprile'，6-aprile'，7-aprile'，8-aprile'，9-aprile'，10-Aprie’、‘4月14日’、‘4月15日’、‘4月16日’、‘4月17日’、‘4月18日’、‘4月19日’、‘4月20日’、‘4月21日’、‘4月22日’、‘4月23日’、‘4月24日’、‘4月25日’、‘4月26日’、‘4月27日’、‘4月28日’、‘4月29日’、‘4月30日’；
var olddata=[5589, 6872, 8140, 9424, 10590, 11799, 12869, 14619, 16110, 17509, 18486, 20197, 22829, 24782, 26578, 28918, 31135, 33431, 36547, 38638, 40638, 43306, 46927, 51311, 55548, 60271, 65391, 69003, 71615, 74060, 78066, 83130, 89136, 94278, 99008, 102082, 107850, 113930, 120387, 127108, 132510, 137069, 140996, 146173, 152447, 158762, 164053, 170109];
var olddata1=[1516、2063、2659、3017、3576、4059、4541、5094、5767、6193、6708、7228、7920、8461、8835、9418、9918、10466、11082、11839、12442、13046、13434、13964、14671、15412、16109、16733、17246、17773、18446、19261、19954、20581、21144、21437、22149、22854、23319、24050、24549、24910、25216、25538、25995、26453]；
var olddata2=[111、144、166、183、224、255、300、336、403、483、545、598、662、734、795、854、924、1018、1088、1144、1191、1284、1349、1349、1417、1487、1591、1689、1788、1876、1969、2064、2146、2224、2302、2379、2453、2524、2598、2668、2737、2803、2859、2913、2966、3032、3086]；
让myChart=（document.getElementById（'myChart'）.getContext（'2d'）；
让MyVidChart=新图表（myChart{
键入：“行”，
数据：{
标签：label1，
数据集：[{
数据：旧数据，
标签：“Tamponi的累积数字”，
边框颜色：'绿色'，
},{
数据：olddata1，
标签：'Numero incrementale dei contagati'，
边框颜色：“红色”，
},{
数据：olddata2，
标签：“数字增量数据”，
边框颜色：“蓝色”，
}]
},
选项：{
}
});
函数updateChart（）{
{
函数updateChart（）{
图表.数据.数据集[0].数据=[7406078066383130891369427899008102082107805113930120387127108132510137069140996146173152447158762164053170109]；
chart.update（）；
}  
}
};

我认为您当前的代码存在两个问题

您的图表变量是

myVidChart

，但在

updateChart

中，您引用了

chart

您的函数

updateChart

定义了一个本地函数，也称为

updateChart

，但不调用它

通过将

updateChart

功能更改为：

函数updateChart（）{
myovichart.data.datasets[0]。数据=[120387127108132510137069140996146173152447158762164053170109]；
myovichart.update（）；
}

正如多姆多梅格在回答中指出的那样，你的更新函数不正确，图表指向了错误的变量，因为

图表

什么都不是，因为你将图表存储在

MyVidChart

中，更新函数也不起作用，因为你用许多额外的括号将它嵌套了两倍，所以它找不到变量如果你去掉所有多余的杂乱并指向正确的变量，它就会工作

例如：

冠状病毒皮埃蒙特2020
Evoluzione del virus Covid-19 nel bimestre marzo aprile 2020（皮埃蒙特）


马尔佐
阿普里尔


变量label1=[16-marzo'，17-marzo'，18-marzo'，19-marzo'，20-marzo'，21-marzo'，22-marzo'，23-marzo'，24-marzo'，25-marzo'，26-marzo'，27-marzo'，28-marzo'，29-marzo 30-marzo'，31-marzo'，1-aprile'，2-aprile'，3-aprile'，4-aprile'，5-aprile'，6-aprile'，7-aprile'，8-aprile'，9-aprile'，10-Aprie’、‘4月14日’、‘4月15日’、‘4月16日’、‘4月17日’、‘4月18日’、‘4月19日’、‘4月20日’、‘4月21日’、‘4月22日’、‘4月23日’、‘4月24日’、‘4月25日’、‘4月26日’、‘4月27日’、‘4月28日’、‘4月29日’、‘4月30日’；
var olddata=[5589, 6872, 8140, 9424, 10590, 11799, 12869, 14619, 16110, 17509, 18486, 20197, 22829, 24782, 26578, 28918, 31135, 33431, 36547, 38638, 40638, 43306, 46927, 51311, 55548, 60271, 65391, 69003, 71615, 74060, 78066, 83130, 89136, 94278, 99008, 102082, 107850, 113930, 120387, 127108, 132510, 137069, 140996, 146173, 152447, 158762, 164053, 170109];
var olddata1=[1516、2063、2659、3017、3576、4059、4541、5094、5767、6193、6708、7228、7920、8461、8835、9418、9918、10466、11082、11839、12442、13046、13434、13964、14671、15412、16109、16733、17246、17773、18446、19261、19954、20581、21144、21437、22149、22854、23319、24050、24549、24910、25216、25538、25995、26453]；
var olddata2=[111、144、166、183、224、255、300、336、403、483、545、598、662、734、795、854、924、1018、1088、1144、1191、1284、1349、1349，