ChartJs - Disable Animations

Question

I am using ChartJS inside of an angular 7 application. I want to disable the animations on my line series because the series is constantly being updated. I have tried setting

options: {
    animations: false 
}

as well as

options: {
    animation: {
        duration: 0
    }
}

Neither of these worked.

Are there any other options/functions I need to add to the Chart configuration to disable animations?

https://www.chartjs.org/docs/latest/configuration/animations.html: the name of the property is `duration`, not `durations`. — JB Nizet, Dec 14 '18 at 18:05
Thanks! That was just a typo in the OP. I found the answer shortly after posting the question. — Irrelevant_Coder, Dec 14 '18 at 18:07

score 3 · Answer 1 · answered Dec 14 '18 at 18:06

3

I found the answer referenced here in the documentation. I just needed to pass a '0' in the update function like so:

this.chart.update(0);

answered Dec 14 '18 at 18:06

Irrelevant_Coder

231
1
5
17

chart.js 4 now uses this.chart.update('none') instead. – gyimi Jun 07 '23 at 11:09

ChartJs - Disable Animations

1 Answers1