如何在chartjs上强制动画？

Question

我将图表分组在标签下（基于this），如下所示： 当我重新加载页面或更新值时，动画效果很好。但是，当我打开带有图表的标签时，我想开始制作动画。 有可能吗？

我尝试使用 chart.update()或chart.render()，但无效。

Answer 1

用“ this”定义图表：

this.myChartInstance = new Chart(ctx, { ...

然后在以下位置使用Javascript调用：

<li><a data-toggle="tab" onclick="update" href="#menu1">Menu 1</a></li>

并调用脚本以重新设置动画...

function update() {
    this.myChartInstance.update();
}

Answer 2

如果您破坏图表并创建一个新图表，则可能有解决方案。

 Chart.helpers.each(Chart.instances, function(chart){
    let ctx = chart.chart.ctx;
    let config = chart.config;
    chart.destroy();
    new Chart(ctx, config);
})

它将获取所有图表实例，因此您可以轻松获取图表的配置和ctx。只需在单击选项卡时将其放在您要调用的函数中即可。