sometimes some tool-tips doesn't working

[Kishan silawat]

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]

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?

[dawid.d]

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!

[Kishan silawat]

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.

[dawid.d]

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!

[Kishan silawat]

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.

[dawid.d]

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!

[Kishan silawat]

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.

[dawid.d]

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!