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

sometimes some tool-tips doesn't working

hello,

I'm implementing the gantt highchart when I add a large number of data then sometimes some tooltips don't show. I am using the pointFormatter function to customize the tooltip div. I'm adding a https://imgur.com/gMBX7lN gif for better understanding.
Kishan silawat
Posts: 18
Joined: Thu Nov 24, 2022 10:10 am

Re: sometimes some tool-tips doesn't working

Can you suggest to me hoe to use a customized tooltip div? as I have searched we have two options like pointFormatter and formatter function, can you point to me which one I should use and which is faster?
User avatar
dawid.d
Posts: 755
Joined: Thu Oct 06, 2022 11:31 am

Re: sometimes some tool-tips doesn't working

Hi,

Thanks for contacting us!

As for the first question, could you make a demo showing the problem in e.g. jsfiddle? It would be very helpful in finding the source of the error.

As for the second question, the formatter allows setting the content for the entire tooltip, whereas pointFormatter sets the content only for its part describing the point. In order for the content to be correctly interpreted as HTML code, the useHTML option should be used. It's also worth setting stickOnContact to true if you want to interact with the button in the custom tooltip's content. For the click event to work with that button, it must be enabled as described in this article: https://www.highcharts.com/docs/chart-concepts/security

Demo: https://jsfiddle.net/BlackLabel/8h1xakeb/

I hope you will find it useful
Best regards!
Dawid Draguła
Highcharts Developer
Kishan silawat
Posts: 18
Joined: Thu Nov 24, 2022 10:10 am

Re: sometimes some tool-tips doesn't working

dawid.d wrote: Fri Feb 10, 2023 12:46 pm Hi,

Thanks for contacting us!

As for the first question, could you make a demo showing the problem in e.g. jsfiddle? It would be very helpful in finding the source of the error.

As for the second question, the formatter allows setting the content for the entire tooltip, whereas pointFormatter sets the content only for its part describing the point. In order for the content to be correctly interpreted as HTML code, the useHTML option should be used. It's also worth setting stickOnContact to true if you want to interact with the button in the custom tooltip's content. For the click event to work with that button, it must be enabled as described in this article: https://www.highcharts.com/docs/chart-concepts/security

Demo: https://jsfiddle.net/BlackLabel/8h1xakeb/

I hope you will find it useful
Best regards!

Please check this URLhttps://imgur.com/gMBX7lN I have added a gif where the issue showing sometimes the tooltip not showing on hovering the bar.
User avatar
dawid.d
Posts: 755
Joined: Thu Oct 06, 2022 11:31 am

Re: sometimes some tool-tips doesn't working

Hi,

I've seen the video, but it's not enough to tell what is the source of this problem. Seeing how it's implemented would let me know if it's a bug or an implementation issue. And if it's a bug, I need to find the cause of it.

Kind regards!
Dawid Draguła
Highcharts Developer
Kishan silawat
Posts: 18
Joined: Thu Nov 24, 2022 10:10 am

Re: sometimes some tool-tips doesn't working

dawid.d wrote: Thu Feb 16, 2023 9:24 am Hi,

I've seen the video, but it's not enough to tell what is the source of this problem. Seeing how it's implemented would let me know if it's a bug or an implementation issue. And if it's a bug, I need to find the cause of it.

Kind regards!
I have added a JSFiddle link please have a look. https://jsfiddle.net/Kishan_Silawat_2022/qb3nh0La/14/
I have added a scrollbar when you scroll and if you hover over the bar then sometimes the tooltip does not appear.
User avatar
dawid.d
Posts: 755
Joined: Thu Oct 06, 2022 11:31 am

Re: sometimes some tool-tips doesn't working

Hi,

Thanks for the demo!

Instead of setting CSS settings for the overflow, it's better to use the scrollablePlotArea.minHeight option.
See: https://api.highcharts.com/gantt/chart. ... .minHeight

Demo: https://jsfiddle.net/BlackLabel/do4ywkrp/
Simplified demo: https://jsfiddle.net/BlackLabel/e7fvyw9r/

If you have further inquiries, you may reach out to me at any time.
Best regards!
Dawid Draguła
Highcharts Developer
Kishan silawat
Posts: 18
Joined: Thu Nov 24, 2022 10:10 am

Re: sometimes some tool-tips doesn't working

dawid.d wrote: Wed Feb 22, 2023 12:32 pm Hi,

Thanks for the demo!

Instead of setting CSS settings for the overflow, it's better to use the scrollablePlotArea.minHeight option.
See: https://api.highcharts.com/gantt/chart. ... .minHeight

Demo: https://jsfiddle.net/BlackLabel/do4ywkrp/
Simplified demo: https://jsfiddle.net/BlackLabel/e7fvyw9r/

If you have further inquiries, you may reach out to me at any time.
Best regards!
It shows less data what about other data after setting chart.scrollablePlotArea.minHeight.
User avatar
dawid.d
Posts: 755
Joined: Thu Oct 06, 2022 11:31 am

Re: sometimes some tool-tips doesn't working

Hi,

If you set the value in minHeight high enough it should catch all the points.
Alternatively, I can suggest you use the scrollbar option for the yAxis.

Demo: https://jsfiddle.net/BlackLabel/t1zb5mhL/
Simplified demo: https://jsfiddle.net/BlackLabel/ub6rtknc/

Kind regards!
Dawid Draguła
Highcharts Developer

Return to “Highcharts Gantt”