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



如何在Blazor-wasm中重用Chart.js图表?在重新使用之前,我收到了销毁画布的错误消息。我读过这个主题:销毁chart.js条形图以重新绘制同一<画布>但这些答案都不能解决我的问题。这是我调用Chart.js 的JavaScript的方法

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

如何在方法中实现有效的.dedestroy((调用,或者如何更新图表?

明白了:

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);
}

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

最新更新