时间戳

首页 > 解决方案 > 如何在chartjs上强制动画？

javascript - 如何在chartjs上强制动画？

问题描述

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

我尝试使用 chart.update()或chart.render()但没有任何效果。

标签： javascriptanimationchart.js

解决方案

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

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

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

推荐阅读