我正在使用 Chart.js 中的圆环图来显示 60 秒计时器图表。
options = {
tooltips: {enabled: false},
cutoutPercentage: 75,
animation: {duration: 1}
};
data = {
datasets: [
{
data: [this.percentage, 100 - this.percentage],
backgroundColor: [this.color, this.fillColor]
},
]
};
每一秒,我都会更新图表以反射(reflect)秒数。计时器从 60 秒开始到 0。当前动画感觉像滴答作响。我希望动画看起来像清扫时钟一样流畅,而不是滴答作响。
如何实现扫动动画?由于图表每秒都会重新绘制,我如何才能保持最后一个位置并从该位置更新?
最佳答案
我用
实现了这个 const data = this.getDataSet();
this.doughnut.chart.data.datasets[0].backgroundColor = data.backgroundColor;
this.doughnut.chart.data.datasets[0].data = data.data;
this.doughnut.chart.update();
关于javascript - Chartjs Donut Chart倒计时中的平滑动画,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48115150/