Syamala
Posts: 2
Joined: Tue Oct 06, 2020 12:45 pm

Bar chart has scrollbar to scroll between bars. But, showing tooltip appearing for hidden bars

I have a bar chart with a scroll bar. The problem is still appearing for the bar which is hidden(the one later the last displayed)

Please find the issue here for one of the demo I found,
https://jsfiddle.net/gh/get/library/pur ... a-vertical
Syamala
Posts: 2
Joined: Tue Oct 06, 2020 12:45 pm

Re: Bar chart has scrollbar to scroll between bars. But, showing tooltip appearing for hidden bars

Syamala wrote: Wed Oct 07, 2020 4:47 am I have a bar chart with a scroll bar. The problem is tooltip still appearing for the bar which is hidden(the one later the last displayed)

Please find the issue here for one of the demo I found,
https://jsfiddle.net/gh/get/library/pur ... a-vertical
User avatar
sebastian.h
Posts: 1734
Joined: Fri Aug 07, 2020 7:08 am

Re: Bar chart has scrollbar to scroll between bars. But, showing tooltip appearing for hidden bars

Hi,

Welcome to our forum and thanks for contacting us with your question!

There aren't simply options to do this from our API.
I try to use tooltip.formatter to achieve this, but my solution doesn't work yet.
The sketch of my idea is to hide the tooltip for points that are in the transparency area.

Live demo:
https://jsfiddle.net/BlackLabel/v81g2ahc/

API References:
https://api.highcharts.com/highcharts/tooltip.formatter

Feel free to ask any further questions.
Best regards.
Sebastian Hajdus
Highcharts Developer
User avatar
sebastian.h
Posts: 1734
Joined: Fri Aug 07, 2020 7:08 am

Re: Bar chart has scrollbar to scroll between bars. But, showing tooltip appearing for hidden bars

Hi,

I found a topic about your case on GitHub issue:
https://github.com/highcharts/highcharts/issues/13095

For now, there is a workaround to fix this problem.

Live demo:
https://jsfiddle.net/BlackLabel/za8js951/

Best regards.
Sebastian Hajdus
Highcharts Developer
Mahaz
Posts: 21
Joined: Fri Jan 03, 2020 2:53 pm

Re: Bar chart has scrollbar to scroll between bars. But, showing tooltip appearing for hidden bars

Hi,

I am having the same issue. We need outside property to be set to true to avoid tooltip from getting clipped.
Is there a straight forward fix? How can the workaround be used in example below?

https://jsfiddle.net/Mahaz/Lqu85n7v/
User avatar
sebastian.h
Posts: 1734
Joined: Fri Aug 07, 2020 7:08 am

Re: Bar chart has scrollbar to scroll between bars. But, showing tooltip appearing for hidden bars

Hi Mahaz,
Thanks for contacting us!

The tooltip.outside might look at the correct choice if you want to show the tooltip outside chart when the chart width area is too small.
I tried to change this solution to adjust to the column chart but it was more time-consuming than I supposed.
https://jsfiddle.net/BlackLabel/5hobvk0e/

After investigation, I see that this problem it's still exists and the tooltip is showing outside of plot area for scrollablePlotArea.

Github topics describe this problem:
https://github.com/highcharts/highcharts/issues/13095
https://github.com/highcharts/highcharts/issues/12682

Best regards.
Sebastian Hajdus
Highcharts Developer
Mahaz
Posts: 21
Joined: Fri Jan 03, 2020 2:53 pm

Re: Bar chart has scrollbar to scroll between bars. But, showing tooltip appearing for hidden bars

Thank you for the response!
I'll have a look at that.
User avatar
sebastian.h
Posts: 1734
Joined: Fri Aug 07, 2020 7:08 am

Re: Bar chart has scrollbar to scroll between bars. But, showing tooltip appearing for hidden bars

You're welcome! :)
In case of any further questions, feel free to contact us again.
Sebastian Hajdus
Highcharts Developer

Return to “Highcharts Usage”