minna
Posts: 3
Joined: Mon Apr 23, 2018 3:00 pm

Animation

Mon Apr 23, 2018 3:11 pm

Hi,

I´m making a basic column chart and want to slow down the animation on loading. Any suggestions?

Best regards,
Trond

ppotaczek
Posts: 743
Joined: Mon Oct 02, 2017 3:12 pm

Re: Animation

Mon Apr 23, 2018 3:26 pm

Hi minna,

To slow down the series load animation set duration to be larger than the standard time (1000). For example:

Code: Select all

  series: [{
    animation: {
      duration: 5000
    }
  }]
Live demo: http://jsfiddle.net/BlackLabel/rp5q8fLq/
API: https://api.highcharts.com/highcharts/s ... n.duration

Best regards!
Paweł Potaczek,
Highcharts Developer

minna
Posts: 3
Joined: Mon Apr 23, 2018 3:00 pm

Re: Animation

Tue Apr 24, 2018 11:12 am

Hi Pawel,

Thanks for answering me. I´m new to Highcharts and when I change the series animation duration in the advanced section, nothing happens, and I can´t find a place to edit custom code. Any suggestions?

Best regards,
Trond

ppotaczek
Posts: 743
Joined: Mon Oct 02, 2017 3:12 pm

Re: Animation

Tue Apr 24, 2018 11:25 am

Hi minna,

Sorry, I did not notice that your question is about Highcharts Cloud. In 'ADVANCED' options you can set duration for animation. I tested this option and it works correctly.

Best regards!
Attachments
Screen Shot 2018-04-24 at 13.17.04.png
Screen Shot 2018-04-24 at 13.17.04.png (37.81 KiB) Viewed 337 times
Paweł Potaczek,
Highcharts Developer

minna
Posts: 3
Joined: Mon Apr 23, 2018 3:00 pm

Re: Animation

Tue Apr 24, 2018 2:20 pm

Awesome! Thanks :-)

Trond

Return to “Highcharts Cloud”