生成错误'window.myChart.destroy()‘的.destroy()不是函数

Question

我正在开发一个游戏的盈亏跟踪器，我查询一个给我项目数据的应用程序接口，然后使用chart.js显示这些数据

我的问题是，在更新图表之前，它应该对前一个图表执行.destroy()，但是我得到了一个错误，显示为window.myChart.destroy is not a function

下面是用于此功能的代码；

//检查myChart是否不为空

    if (window.myChart != null){
    window.myChart.destroy();
  }

//创建图表

let ctx = document.getElementById("myChart").getContext('2d');
       window.myChart = new Chart(ctx, { ... etc

//已更新尝试

if (window.myChart != null){
    window.myChart.destroy();
    window.myChart = null;
  }

Answer 1

在图表创建后声明一个函数；

function destroyChart() {
  myChart.destroy();
}

因为这是在声明图表之后调用的，所以它可以正常工作

因此，在您的示例中，请在图表函数之前调用destroyChart();。

  destroyChart();
  displayGraphs();