Javascript Charts.js销毁以前的数据并更新

这似乎是charts.js的常见问题。我创建了一个允许你选择日期的网站。当您单击某个特定日期时，线图将更新该日期的csv文件。如果你点击一个新的日期，chart.js折线图会更新，但是如果你浏览了数据，它会短暂地显示以前的日期数据

我以前在这方面遇到过很多问题，并尝试在更新图表的同时使用.destroy（），但每次我将其添加到代码的任何一点时，画布都会被破坏，图表永远不会被创建

HTML:

选择游戏日期和时间
JS:
函数dropDownFunction（）{
document.getElementById（“下拉”）.classList.toggle（“显示”）；
}
window.onclick=
功能（事件）{
如果（！event.target.matches（'.gameDropDown'））{
var dropdowns=document.getElementsByClassName（“日期”）；
var i；
对于（i=0；i

---

无论何时更改日期并将鼠标悬停在图表上，都会显示上一个日期的数据，然后恢复到当前选定的日期。我希望始终显示当前数据。

我实际上能够调整以下内容，现在我已全部设置好：

var cFD = document.getElementById('Canvas').getContext('2d');
var backgroundFD = document.getElementById('firstDataChart').style.background='white';
if(window.chart && window.chart !== null){
        window.chart.destroy();
    }
window.chart = new Chart(cFD, {...})

---

实际上，我能够调整以下各项，现在我已经完全准备好了：

var cFD = document.getElementById('Canvas').getContext('2d');
var backgroundFD = document.getElementById('firstDataChart').style.background='white';
if(window.chart && window.chart !== null){
        window.chart.destroy();
    }
window.chart = new Chart(cFD, {...})