tooltip appears outside the chart.

[Kishan silawat]

Hello,

I am using gantt highchart with a custom tooltip but it does not appear when we select the zooming option. I'm adding the JSFiddle in this tooltip showing but outside the chart. I want to show a tooltip in the bar's center every time with a zooming option.
https://jsfiddle.net/Kishan_Silawat_2022/jqtz5wbk/15/
Please help me with this.

[Kishan silawat]

I think I got the solution, I am not getting tooltip because I have set outside = true in tooltip, but there is also and issue when I set outside = false then the tooltip becomes transparent.

[Kishan silawat]

Please check the image after putting outside = false.
https://imgur.com/Cpj7KvT

[jakub.j]

Hi

Thanks for the question!

It seems to be a bug. I reported it on Github: https://github.com/highcharts/highcharts/issues/18487 where you can track the progress and possible workarounds.

If you don't need the tooltip to be positioned in the middle of the point, you can use tooltip.followPointer and the tooltip will follow the mouse as it moves across the point.

Demo: https://jsfiddle.net/BlackLabel/v0sbdofg/
API: https://api.highcharts.com/gantt/tooltip.followPointer

Best regards,
Jakub

[Kishan silawat]

Thanks for the reply and suggestion.

Have you checked this URL https://imgur.com/Cpj7KvT the tooltip texts are transparent? I did not want this. Can you help me how to not make that tooltip text transparent?
Transparent means see the image, the behind text can be seen through the tooltip and it is making this messy.

[jakub.j]

Hey,

I was trying to reproduce your problem, but in my case everything is working correctly, the tooltip background is not transparent when setting outside: false, see https://jsfiddle.net/BlackLabel/t23s9kcy/.

Could you please send me a demo where the problem occurs and then I will be able to help you?

Best Regards
Jakub