vishalpawar048
Posts: 28
Joined: Wed Jan 25, 2023 3:24 am

Tooltip positioning in stacked bar chart

Hi Team,

We are working on adding a custom tooltip to the stacked bar chart using the configuration mentioned in the code here
https://stackblitz.com/edit/react-7rjpgk?file=index.js.

We are struggling with the positioning of the tooltip. We want the tooltip to be a the top of the respective bar but currently, it is positioned in the center (over the bar).

Also, want the arrow of the tooltip to be visible and the followPointer to be true.

Can you help us with the configuration where the tooltip is at the top of the respective bar?
User avatar
dawid.d
Posts: 807
Joined: Thu Oct 06, 2022 11:31 am

Re: Tooltip positioning in stacked bar chart

Hello,

Thanks for the question!

I remember you asked questions about this problem before. (viewtopic.php?f=9&t=50905&p=186520#p186520) Do I understand it correctly, that you want the tooltip to be fixed over the point, but move along the x-axis with the mouse? If so, see the demo below. You can also draw custom tooltips with the SVG Renderer if you want to highly customize their behavior.

Demo: https://stackblitz.com/edit/react-w5eakk?file=index.js

I hope it was useful
Best regards
Dawid Draguła
Highcharts Developer

Return to “Highcharts Usage”