Kishan silawat
Posts: 18
Joined: Thu Nov 24, 2022 10:10 am

tooltip appears outside the chart.

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
Posts: 18
Joined: Thu Nov 24, 2022 10:10 am

Re: tooltip appears outside the chart.

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
Posts: 18
Joined: Thu Nov 24, 2022 10:10 am

Re: tooltip appears outside the chart.

Please check the image after putting outside = false.
https://imgur.com/Cpj7KvT
jakub.j
Posts: 1084
Joined: Tue Jan 24, 2023 11:14 am

Re: tooltip appears outside the chart.

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
Jakub
Highcharts Developer
Kishan silawat
Posts: 18
Joined: Thu Nov 24, 2022 10:10 am

Re: tooltip appears outside the chart.

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
Posts: 1084
Joined: Tue Jan 24, 2023 11:14 am

Re: tooltip appears outside the chart.

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
Jakub
Highcharts Developer

Return to “Highcharts Gantt”