Topic: Turn of Chart animation

Masaia free asked 2 years ago

Expected behavior Although I like the animation of the line chart, it's going to be an "continuous (every 10 seconds) update" so either I want it to animate only once at start, or I don't want it to animate at all... I've been trying to turn of the animation, but to no luck... So far...

Actual behavior It keeps animating...

Resources (screenshots, code snippets etc.) I've tried some variations on: new mdb.Chart(chartnl3rdparty, { type: 'line', options: { animation: { duration: 0 }, responsive: true }} );

Must be something like this, but I guess I'm not putting it in the right place, or not using the correct values.

Thanks in advance for your reply.

Marc Sonius

Dawid Wajszczuk staff answered 2 years ago


You can try adding { options: { animation: false }} to your Chart. Something like this:

new mdb.Chart(document.getElementById('chart'), data, {
  options: {
    animation: false

Here is the snippet:

Keep coding,

Please insert min. 20 characters.


Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.



Specification of the issue

  • ForumUser: Free
  • Premium support: No
  • Technology: MDB Standard
  • MDB Version: MDB5 3.9.0
  • Device: Laptop
  • Browser: Chrome
  • OS: Ubuntu
  • Provided sample code: No
  • Provided link: No