React pie chart slice not exploding when I implement ‘click’

Question

Hi,
thank you for the great chart library. When I implement a &#8216;click&#8217; event handler on my pie chart it changes the default explode behavior of the slice. It no longer explodes!
I need to be able to perform other actions when a slice is selected, but still have it explode. Why is this not working. How can I fix. 
Thank you.

This topic was modified 3 years, 4 months ago by hoopstagee.

manoj-mohan · Answer

@hoopstagee,

Can you kindly share StackBlitz example reproducing the issue you facing on loading async data to chart so that we can understand your scenario better and help you with an appropriate solution.

----
Manoj Mohan
Team CanvasJS

hoopstagee · Answer

Thank you, 
I am so close. Can you possibly show when the data from index.js is async and loads after the initial render, I am still unable to get mine to work ;-/

Thank you for the help!

manoj-mohan · Answer

@hoopstagee,

Please take a look at this updated StackBlitz example.

----
Manoj Mohan
Team CanvasJS

hoopstagee · Answer

Thank you,

Can the animation effect be a smooth transition like the original? Now the transition is only open and close, but not smooth.

Thanks
Try: https://stackblitz.com/edit/canvasjs-react-pie-chart-exploded-h436d3?file=child.js

hoopstagee · Answer

I'm trying to fix, it is the same as above in the thread.

Try: https://stackblitz.com/edit/canvasjs-react-pie-chart-exploded-h436d3?file=child.js

Front End Technology Samples

Server Side Technology Samples

FORUMS

Login to Ask a Question or Reply

React pie chart slice not exploding when I implement ‘click’