如何在Blazor wasm中重用Chart.js图表?

63lcw9qa  于 2022-11-23  发布在  Chart.js
关注(0)|答案(1)|浏览(144)

如何在Blazor wasm中重用Chart.js图表?我收到错误消息,要求在重用之前销毁画布。我阅读了此主题:Destroy chart.js bar graph to redraw other graph in same 但是这些答案都没有解决我的问题。

await JSRuntime.InvokeVoidAsync("setup", Id, config);

window.setup = (id, config) => {
    var ctx = document.getElementById(id).getContext('2d');
    new Chart(ctx, config);
}

如何在方法中实现一个工作的.destroy()调用,或者如何更新图表?

jljoyd4f

jljoyd4f1#

明白了:

window.setup = (id, config) => {

    var myChart = Chart.getChart(id);

    if (myChart != undefined) {
        myChart.destroy();
    }

    var ctx = document.getElementById(id).getContext('2d');
    new Chart(ctx, config);

    console.log(config);
}

(首先,由于浏览器缓存的原因,它不起作用)

相关问题