Automatically drill back when open model based on children column about highcharts

[bhavya0901]

Screencast.from.20-03-24.04.57.26.PM.IST.webm

Issue has been occurred in above video
I've open model when click on children column

[hubertkozik]

Hi @bhavya0901!

I think I'm missing something. The demo, which you provided in the first post works correctly for me. Can you describe what you mean by open model when click?

[bhavya0901]

Hi @bhavya0901!

I think I'm missing something. The demo, which you provided in the first post works correctly for me. Can you describe what you mean by open model when click?

Hi @hubertkozik above I've attached video of issue

-Chart initial showing unassigned teams 3 data in column -> when i on that column it showing which 3 data contain unassigned teams [children] -> then anyone click on that drilled data I'll open popup [model] and showing that click data into popup -> now close popup -> you can see in chart showing unassigned teams column but I expected when i close popup chart showing children columns data , breadcrumbs button showing we're inside children which is corrected as per my requirement but chart showing parent data [unassigned teams data]

[hubertkozik]

Oh, you mean "modal" as a popup, not model - sorry for that.

This issue is not a bug and it is not related to Highcharts, but to your usage of state variables in React. After clicking the close button in modal popup you are changing the variable state and the component rerenders. Your chart options are declared as a static variable and simply it is rendered with that static value.

Live demo: https://codesandbox.io/p/sandbox/react-bootstrap-5-forked-thwdw6

I suggest to read through our highcharts-react documentation here: https://github.com/highcharts/highcharts-react?tab=readme-ov-file#optimal-way-to-update

If you need help with chart configuration feel free to reach out to our other support channels, for example Highcharts forum, where our support engineers will help you with the configuration of your chart.