Animation

[hyousuf]

Is there any call back function available for Animation in HighCharts?

because currently the load event for highchart is only for rendering, the animation happens after the load event is fired

[hfrntt]

Unfortunately for now there's no way to trigger a function after animation.

[torstein.honsi]

Hey, wait a minute...

Actually there is. See http://jsfiddle.net/U2BnR/

[gynoola]

Animation companies that offer work placements to uni students? I am a computer animation student looking for somewhere to do some work experence. Anyone know of anywhere that offers work placements to students?
_________________________
external keyword tool ~ keyworddiscovery.com ~ keycompete.com ~ compete.com ~ webmasterworld.com

[hfrntt]

Does your question have anything to do with highcharts?

[mkr]

Hey, wait a minute...

Actually there is. See http://jsfiddle.net/U2BnR/

Hi,
this is only for inital rendering right?
Is there an event that fires each time AFTER series animation has finished?

Greetz

[seba]

Animation is called on each redraw, so when you need to catch it? which scenario?

[mkr]

Animation is called on each redraw, so when you need to catch it? which scenario?

Hi,
I have custom labels next to each series in my chart (using the highcharts renderer). Hiding one of the series changes the yAxis and the labels` positions are then incorrect. I cant use the redraw event because at the time it fires, the axis "toPixel()" function still delivers the old value (which I use to position my labels). Using setTimeout I can achieve want I want, but I don´t want to use it.

When I tested the animation -> complete event, it only fired initially.

Thx for the help

[Fusher]

If you could create simple jsFiddle demo, we would check out this. Anyway, can't you simply use labelFormatter? Like here: http://api.highcharts.com/highcharts#le ... lFormatter

Or if you need to live update that values, use this plugin: http://www.highcharts.com/plugin-regist ... -In-Legend

[mkr]

Thanks Fusher, but i have moving labels that change position everytime the extremes, the chart data or chart visibility change, so I can´t use the label formatter.
What I need is a callback like the animation complete callback everytime a chart animation has finished.
In the following example you can see that the callback only fires once.

http://jsfiddle.net/J24DL/

[Fusher]

You can set animation in three places:

- in chart.animation - it will set default animation for all except initiall animation for series
- in series.animation - it will set only first rendering animation
- in each method as param - it will use that animation instead of chart.animation

See all of them in action here: http://jsfiddle.net/C2pE9/

Note: animation is called for each object which is animated.

[al-jabr]

I can't seem to get the animation callback to work for my scenario. I would like to update my series from unstacked line to stacked area with a button, and I would like the series to animate to their new positions. I can do this with setTimeout but I would really like to use an animation callback. The problem is if I do chart.redraw({complete: callbackFun}), the series update immediately without transition. Is there a way to set an animation callback that only fires after the entire animation is complete?

I want behavior like this: http://jsfiddle.net/KVpzk/

Alternatively, if there's a way to do this animation without a complicated callback, I'd love to know how. I haven't been able to find anything so far.

[Fusher]

So that solution should resolve your issue: http://jsfiddle.net/KVpzk/1/

The problem is that redraw() according to docs doesn't have animate param (but it has in the fact). But this redraw works a slightly different - is set animations for a chart, not for actual redraw.

[al-jabr]

Thanks, this works great.

A couple pitfalls to avoid:
-calling chart.redraw() after chart.redraw({complete: callbackFun}) messes up the callback
-in some cases I had to set series[0].isDirty = true before chart.redraw({complete: callbackFun}) to get the chart to actually redraw

[Fusher]

isDirty shouldn't be reqiured, but indeed, it may be helpful.