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

Question

我正在为一款游戏开发损益追踪器，我查询了一个 API 给我的项目数据，然后使用 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();

.destroy() generating error 'window.myChart.destroy()' is not a function