jahnvi25
Posts: 284
Joined: Thu Oct 04, 2012 12:16 pm

highlight level-2 in treemap

so we have this requirement where tree is like..

root(S&P 500) --> Financial Services --> Ins -- CB,TRV etc..

is there a way i can highlight Financial services node .. as shown in screenshot

if you go to website https://finviz.com/map.ashx and mouse over on 'Consumer Electronics' you will see yellow border and highlighting stocks under that.. we are looking for something similar..

is that possible with highchart ?

Thanks
Attachments
heatmap-1.png
heatmap-1.png (139.69 KiB) Viewed 290 times
michal.f
Posts: 1114
Joined: Thu Aug 12, 2021 12:04 pm

Re: highlight level-2 in treemap

Hello,

If you are not using the interactByLeaf option it is normal behaviour for hovering over a parent. Otherwise you have to draw a border with SVGRenderer but that is a custom code.

Demo: https://jsfiddle.net/gh/get/library/pur ... ge-dataset
API: https://api.highcharts.com/highcharts/s ... ractByLeaf
SVGRenderer: https://api.highcharts.com/class-refere ... VGRenderer

Regards!
Michał Filipiec
Highcharts Developer
https://blacklabel.pl/highcharts/
jahnvi25
Posts: 284
Joined: Thu Oct 04, 2012 12:16 pm

Re: highlight level-2 in treemap

i need to use interactByLeaf : true.. since we have to show custom tooltip when hovering on leaf.. but you dont have demo where you show this custom code ?
michal.f
Posts: 1114
Joined: Thu Aug 12, 2021 12:04 pm

Re: highlight level-2 in treemap

Hi,

Unfortunately, we do not have such a demo. Preparing it involves spending some time on it, so it goes beyond the scope of the support. If you need help with your implementation, you can try to look for it on the more general forums like StackOverflow or contact the Black Label company that specializes in Highcharts custom projects. See official Black Label site: https://blacklabel.pl

Regards!
Michał Filipiec
Highcharts Developer
https://blacklabel.pl/highcharts/

Return to “Highcharts Usage”