Treemap drilldown with expanding to full screen

[jeewonb]

How can I make a treepmap drill down without expanding to full screen?
If I click one area, the clicked area is expanded to a full screen and the next levels are shown.
But I want it to expand to only clicked area.
(If the orange one is clicked, then level 2 of orange is expanded to only orange area.)

Any idea please?

Thank you.

Treemap_qna.png (18.99 KiB) Viewed 249 times

[michal.f]

Hello,

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

It is possible to do it in Highcharts but not the easy way, you have to make it a workaround. For each level, you would have to generate the appropriate data structure for each level as in the attached demo, remembering about sortIndex and hiding dataLabel depending on the level.

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

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

[michal.f]

Hi,

This functionality has been added to Highcharts in version 10.1.0, you don't need to use a wrap anymore, now you can use the chart.events.fullscreenClose() and chart.events.fullscreenOpen() callbacks functions. More information in the latest changelog.

Demo: https://jsfiddle.net/gh/get/library/pur ... fullscreen
API: https://api.highcharts.com/highcharts/c ... creenClose
https://api.highcharts.com/highcharts/c ... screenOpen

Best regards!