Home forums Using CanvasJS Pie chart explode animation on mouseover

This topic contains 3 replies, has 2 voices, and was last updated by  Priyanka M S 2 months, 2 weeks ago.

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #22716

    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

    #22750

    Priyanka M S
    Member

    @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

    #22755

    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

    #22760

    Priyanka M S
    Member

    @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

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.