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

Tooltip arrow direction/location

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 2533 times
rafalS
Posts: 2665
Joined: Thu Jun 14, 2018 11:40 am

Re: Tooltip arrow direction/location

Hi, mabodokh!

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

Best regards!
Rafal Sebestjanski,
Highcharts Team Lead
mabodokh
Posts: 16
Joined: Mon Oct 29, 2018 2:05 pm

Re: Tooltip arrow direction/location

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: 2665
Joined: Thu Jun 14, 2018 11:40 am

Re: Tooltip arrow direction/location

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 Team Lead

Return to “Highcharts Usage”