briandijkstra1984
Posts: 5
Joined: Thu Jan 02, 2025 12:34 pm

Tooltip is not showing below dataLabels

Hello,

In a Angular application i have some projects and sub-project, in the tooltip/overlay when i hover a item, the tooltip is showing below the title (dataLabel) that is on the chart. As you can see Project 1 and Sub-Project 1 are in red, when i hover the green bar (sub-project 2) you can see that the red text is visible in the tooltip/overlay. How can i fix this?

Example: https://stackblitz.com/edit/highcharts- ... mponent.ts
andrzej.b
Site Moderator
Posts: 611
Joined: Mon Jul 15, 2024 12:34 pm

Re: Tooltip is not showing below dataLabels

Hi,

Thanks for reaching out with your question.

It's a well-known issue, with an easy fix: tooltip.outside set to true. See the API reference: https://api.highcharts.com/highcharts/tooltip.outside

Feel free to reach out if you have any further questions.

Kind regards,
Andrzej
Highcharts Developer

Return to “Highcharts Gantt”