[hoopstagee]

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!

• This reply was modified 3 years, 11 months ago by hoopstagee.
• This reply was modified 3 years, 11 months ago by hoopstagee.

[hoopstagee]

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

• This reply was modified 3 years, 11 months ago by hoopstagee.

[hoopstagee]

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

[hoopstagee]

Hi,
I have it working now, thank you!

My last question, the animation use to be a smooth transition to the new slice, now there is no transition, just open close.

Can this be fixed?

Thank you, here is the stack blitz.
https://stackblitz.com/edit/canvasjs-react-pie-chart-exploded-h436d3?file=child.js
https://canvasjs-react-pie-chart-exploded-h436d3.stackblitz.io

• This reply was modified 3 years, 11 months ago by hoopstagee.
• This reply was modified 3 years, 11 months ago by hoopstagee.
• This reply was modified 3 years, 11 months ago by hoopstagee.

[hoopstagee]

Thank you, I have recreated the problem. The label will change, but the slice will not expand. Can I refactor to make it work?

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

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

[hoopstagee]

Thank you,
My other problem is that I am passing my data from the parent (index.js), but the first time it’s []. So my chart is rendering nothing, then it doesn’t re-render with the new data because its not longer located in Render().
Should I re-render the chart with the ref?
Can you tell me how?
Or maybe there is another way?

Thank you

[hoopstagee]

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

[hoopstagee]

Thank you, I have recreated the problem. The label will change, but the slice will not expand. Can I refactor to make it work?

I am having trouble providing the link, try this 2 parts

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

• This reply was modified 3 years, 11 months ago by hoopstagee.
• This reply was modified 3 years, 11 months ago by hoopstagee.
• This reply was modified 3 years, 11 months ago by hoopstagee.
• This reply was modified 3 years, 11 months ago by hoopstagee.

[hoopstagee]

I need something similar but I am working in React. Can you tell me how to call chart.render() in React? Do I need to use this line ” onRef={ref => this.chart = ref}”. If so I do not understand.

Thank you