Question

我有使用chartJS创建饼图的代码。根据用户输入日期选择器显示图表数据。这是第一次完美的工作。第二次选择新的日期范围时，图表会按预期显示。但是当我点击新图表时，它又回到了原来的图表上。

以下是我的示例代码：

var ctx = document.getElementById("chart-area").getContext("2d");
        var myPie = new Chart(ctx, config);

我从文档中发现它需要在重绘之前被销毁。但我怎么能在这里做到呢？

有人可以帮帮我吗？

Answer 1

我通过这种方式找到了答案。谢谢！

       var ctx = document.getElementById("chart-area").getContext("2d");
               if(myPie!=null){
    myPie.destroy();
}
    myPie = new Chart(ctx, config);

Answer 2

要销毁图表，您需要在包含图表实例的变量上调用“ destroy”方法。您的案例的简单示例：

var ctx = document.getElementById("chart-area").getContext("2d");
var myPie = new Chart(ctx, config);

...some additional code...

// Destroy myPie instance
myPie.destroy();

在饼图chartjs中销毁方法实现

2 个答案: