mabodokh
Posts: 8
Joined: Mon Oct 29, 2018 2:05 pm

Tooltip arrow direction/location

Sun Dec 02, 2018 9:33 am

Hi,
I've been scouring the web for a while now to find a way to make the tooltip arrow come from below and not from above as it is right now. Is this even possible?
In the image below the tooltip arrow is from above, I would like it upside down. How would I go around doing this?
And also, I'm using the positioner function for the tooltip, and I'm having trouble centering the tooltip in it's column. Currently it's centered but If the tooltip get's bigger or smaller it will no longer be centered.
chrt.PNG
chrt.PNG (27.4 KiB) Viewed 36 times

rafalS
Posts: 664
Joined: Thu Jun 14, 2018 11:40 am

Re: Tooltip arrow direction/location

Mon Dec 03, 2018 12:30 pm

Hi, mabodokh!

Could you send me a simplified demo of your chart? jsFiddle would be the best.

Best regards!
Rafal Sebestjanski,
Highcharts Developer

mabodokh
Posts: 8
Joined: Mon Oct 29, 2018 2:05 pm

Re: Tooltip arrow direction/location

Mon Dec 03, 2018 2:23 pm

rafalS wrote:
Mon Dec 03, 2018 12:30 pm
Hi, mabodokh!

Could you send me a simplified demo of your chart? jsFiddle would be the best.

Best regards!
Hi rafals, good to see you again :)
Your help is always appreciated.

Here you go,
https://jsfiddle.net/scghnrvz/

rafalS
Posts: 664
Joined: Thu Jun 14, 2018 11:40 am

Re: Tooltip arrow direction/location

Mon Dec 03, 2018 6:30 pm

Thanks ;)

I am afraid that you can't choose how default tooltip's arrow is positioned - it's always turned to the direction of the point (like in this example chart https://jsfiddle.net/BlackLabel/jcs1erxu/

I would suggest you build a custom tooltip like in this example: http://jsfiddle.net/BlackLabel/mb8a3eo1/
Then you will have full control of it.

Best regards!
Rafal Sebestjanski,
Highcharts Developer

Return to “Highcharts Usage”