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

treemap html tooltip hidding

here is the example

https://jsfiddle.net/bjv64kep/

in above hover mouse over text "chem" or "FMH" you will notice tooltip is hidden behind that formatted treemap title bar.. how can i fix this ?
tried z-index but its not working..

Thanks
kamil.m
Posts: 892
Joined: Thu May 19, 2022 1:33 pm

Re: treemap html tooltip hidding

Hi there,

I think that you are looking for the tooltip.outside property. Set it to true, and your problem should be resolved.
DEMO: https://jsfiddle.net/BlackLabel/otnp4a2z/
API Reference: https://api.highcharts.com/highcharts/tooltip.outside

Best regards!
Kamil Musiałowski
Highcharts Developer
jahnvi25
Posts: 284
Joined: Thu Oct 04, 2012 12:16 pm

Re: treemap html tooltip hidding

Thanks a lot..it worked perfectly..

Highchart is really great product with excellent support.. Keep up the good work..
kamil.m
Posts: 892
Joined: Thu May 19, 2022 1:33 pm

Re: treemap html tooltip hidding

Thank you for your kind feedback! We do our best to provide the best possible experience for our users, but it would be nothing without people like you.

Do not hesitate to contact us anytime,
Have a good day!
Kamil Musiałowski
Highcharts Developer

Return to “Highcharts Usage”