是否可以使用chart.update()
更新chart.js插件?
我尝试了以下方法,但似乎插件没有更新。
let myChart;
function drawChart(chart) {
const ctx = document.getElementById("my-chart");
if (!myChart) {
myChart = new Chart(ctx, {
type: 'scatter',
data: chart.data,
options: chart.option,
plugins: chart.plugin
});
} else {
myChart.data = chart.data;
myChart.options = chart.option;
myChart.plugins = chart.plugin;
myChart.update();
}
}
如果你有什么想法,我将不胜感激,谢谢。
1条答案
按热度按时间vlf7wbxs1#
我也试着在图表更新之前重新提供插件,但是它没有被调用。所以我修改了我的插件,以接受
@Input()
组件变量,它的变化图表更新被调用。请看我的例子--我必须在圆环图的中间显示一个总百分比。为此,我需要在
afterDraw
事件中调用一个插件。我做了两个修改:1.我用箭头函数替换了插件中的function关键字,这样我就可以使用
this
关键字来使用类变量。1.然后我在我的插件中使用了
this.total
,它会得到我想要显示的总数%。所以在图表更新过程中--我的新总数(总数是@Input()
变量)会自动更新。