Sunburst: Fixed level size?

[Tobias]

Hello community,

I would like to use the Sunburst chart to visualize a very large tree structure with 40-50 levels. Sadly I am only able to visualize the whole tree at once.
But I rather would like to just show 3 levels of the tree at once and by clicking drill down, the new level should slide into to build up the new complete view.
I added a short GIF of a different Sunburst control to show the effect I am looking for.

Is it possible to create this effect with the HypeChart Sunburst chart?
Of course I looked into the API docs but haven't found any option like that.

Thanks in advance and best regards,
Tobias

[Tobias]

Here is the gif I mentioned.

sunburst_optimized.gif (171.78 KiB) Viewed 348 times

[hubert.k]

Hello Tobias!
Welcome to our forum and thanks for contacting us with your question!

Your description sounds to me and the gif looks like a Sunburst with drill-down, you can find an official demo of this chart here: https://www.highcharts.com/demo/sunburst

If you want to get more information about this chart and its drill-down methods you can read this article: https://www.highcharts.com/docs/chart-a ... rst-series

Let me know if you have any further questions.
Best regards!

[Tobias]

Hello Hubert,
thank you very much for your quick reply. I evaluated this chart type but cannot find any option to set a fixed level size. It is only possible to load the whole tree and show all levels of this tree at once.
If the tree is too large though, the rendering slows down a lot and the user cannot really focus on all the small pie pieces.
I would prefer a fixed size of 3 pie chart rings (means 3 levels). And if I click to the next drill down, the new rings should appear on demand.

Is that possible with Hypercharts Sunburst chart ?

Best regards,
Tobias

[hubert.k]

Tobias,
Before I will answer you I want to be sure if you are on a proper forum. Are you using Highcharts (https://www.highcharts.com/) library? I am asking, because you asked twice about Hypercharts and now I feel a little bit confused.

[Tobias]

I am sorry, this was a typo. Of course I meant your Highcharts product. Sorry for confusing.

[hubert.k]

Tobias,
Of course, it is possible to show new rings after clicking on the next point, but it needs some custom JavaScript logic, so it becomes a JavaScript part now, not Highcharts. I have prepared a simple demo for you with a function, which shows/hides new points after clicking a child. You can test a path e.g. World > America > South America > Venezuela.

Demo: https://jsfiddle.net/BlackLabel/o8z1gpax/

Let me know if that fits your requirements.
Kind regards!