eraka
Posts: 123
Joined: Thu Apr 28, 2022 6:55 am

Text showing below tooltip gantt highcharts

Hi
In tooltip i can see the data beneath the tooltip , i am using
tooltip: {
style: {
zIndex: 1000
},
outside: true,
// backgroundColor: 'none',
// shadow: false,
useHTML: true,

but still it is showing.

i have checked the online solution but not working , plz suggest
hubert.k
Posts: 1164
Joined: Mon Apr 11, 2022 11:48 am

Re: Text showing below tooltip gantt highcharts

Hi eraka.
It is hard to tell you what is not working and what could be done without taking look at your code. Could you reproduce the issue in an online editor that I could work on? You can start for example here: https://jsfiddle.net/BlackLabel/e68crzx1/

Regards!
Hubert Kozik
Highcharts Developer
eraka
Posts: 123
Joined: Thu Apr 28, 2022 6:55 am

Re: Text showing below tooltip gantt highcharts

Hi Hubert
in the fiddle provided by you i added datalabels and i can see when tooltip appear the background of above point can be seen though nit prominent while in my code is more visbiile.
format: '{point.name}', please add this to plotoptions datalabels.
hubert.k
Posts: 1164
Joined: Mon Apr 11, 2022 11:48 am

Re: Text showing below tooltip gantt highcharts

eraka,
Here is the demo with data labels enabled and set as you said: https://jsfiddle.net/BlackLabel/vsopzhet/

I was trying to reproduce your problem, but in my case, everything is working correctly. Here you can see a screenshot from my device:
tooltip_gantt.png
tooltip_gantt.png (118.37 KiB) Viewed 553 times
The tooltip is not showing below data labels and it works correctly.
Could you reproduce the issue in an online editor and send me a link to the demo that I could work on?

Regards!
Hubert Kozik
Highcharts Developer
eraka
Posts: 123
Joined: Thu Apr 28, 2022 6:55 am

Re: Text showing below tooltip gantt highcharts

yes i ur screenshot there is slight blue background shows on tooltip, i am talking about that. Cant we make it complete opaque?
hubert.k
Posts: 1164
Joined: Mon Apr 11, 2022 11:48 am

Re: Text showing below tooltip gantt highcharts

eraka,
All you need to change is tooltip.backgroundColor to whatever color would you like to, e.g. #ffffff.

Demo: https://jsfiddle.net/BlackLabel/z2n05bvj/
API Reference: https://api.highcharts.com/highcharts/t ... roundColor

Regards!
Hubert Kozik
Highcharts Developer

Return to “Highcharts Gantt”