Pie chart explode animation on mouseover

[jasperbeckers]

Hi, I am trying to have pie chart segments explode with animation on mouseover. I can set the explode value on mouseover and mouseout, but if I then call chart.render() the animation does not play. What is the correct approach?

-J

[Priyanka M S]

@jasperbeckers,

CanvasJS charts animate only on the initial render as of now. Whereas in pie and doughnut charts animation happens while exploding the slices along with initial render. In your case, as you are calling chart.render() on mouseover it cancels the animation and it doesn’t animate.

__
Priyanka M S
Team CanvasJS

[jasperbeckers]

Well, somehow explodeOnClick=true manages to start the explode animation even after the initial render. I would like to emulate this behavior, but with a mouse hover instead of a mouse click.

Jasper

[Priyanka M S]

@jasperbeckers,

Animation on explode can be achieved only on click event as of now. However, you can try to simulate a click event on mouseover using mouseEvent interface of JavaScript.

__
Priyanka M S
Team CanvasJS