Chart.js animates charts out of the box. A number of options are provided to configure how the animation looks and how long it takes.
Here example of animation config
options: {
animations: {
tension: {
duration: 1000,
easing: 'linear',
from: 1,
to: 0,
loop: true
}
},
Users need to customize the animation config and need to be able to use animation callbacks to be notified
animation: {
onProgress: function(animation) {
progress.value = animation.currentStep / animation.numSteps;
}
}
Chart.js animates charts out of the box. A number of options are provided to configure how the animation looks and how long it takes.
Here example of animation config
Users need to customize the animation config and need to be able to use animation callbacks to be notified