Tooltip ZIndex

[svaithiyanatha165320]

Is there a way to make highcharts tooltip stay on top of other elements? Now the tooltip will stay within highcharts element viewport range. When scroller is active for highcharts, tooltip is clipping away. We can transform the position. But in some scenarios, total height of highcharts is lesser than height of tooltip. In this scenario, clipping of tooltip is inevitable. How to overcome this?

Attached screenshot to explain the scenario.
Stackblitz Sample taken from help page.
https://api.highcharts.com/highcharts/tooltip.formatter

Thanks in Advance.

[dawid.d]

Hi,

Welcome to our forum and thanks for reaching out!

I think the option you looking for is `tooltip.outside`, see: https://api.highcharts.com/highcharts/tooltip.outside

Demo: https://jsfiddle.net/gh/get/library/pur ... ip/outside

Let me know if it helped you.

Best regards,

[svaithiyanatha165320]

Thank you for your response. It doesn't make a difference.

[michal.f]

Hello!

Are you trying to display the chart in an iframe? In what other case is the height low enough that a scroll appears?

I'm trying to understand the reason why this is important because in the case where most of the chart is already behind the viewport after scrolling lower and you can't see the points or other information then displaying the tooltip outside of it doesn't make much sense either.

Regards!