Pie chart explode animation on mouseover

• September 24, 2018 at 3:00 am #22716
  
  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

  September 26, 2018 at 10:21 am #22750
  
  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

  September 26, 2018 at 4:47 pm #22755
  
  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

  September 26, 2018 at 6:05 pm #22760
  
  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