Gannt Chart - Tooltip Bug or Issue

[Keshava Murthy]

We are unable to disable or change the tooltip format on Gannt charts. When the name file is lengthly it almost occupies on the row itself and many a times it becomes impossible to click the row.

Also from the documents we see that Gannt chart doesn't support HTML based tooltip. As a result we are also not able to apply any styles to it.

Do you any any solution or fix for the same?

[Ray Thomas]

One option is to use a Timeline chart instead of a Gantt.

I also found this page - https://matthewelsom.com/blog/styling-google-gantt-chart-with-css.html and Matthew does control the Gantt tooltips with CSS. I went to his CodePen and tried a few things.

In his CSS tooltips section you can replace the CSS with things like fill: transparent; stroke-opacity: 0; and opacity: 0; You can also use display: none; and it seems to work.

Ray

[Ray Thomas]

The CSS  nth-child() pseudo class can be incredibly useful - https://developer.mozilla.org/en-US/docs/Web/CSS/:nth-child

There's a lot of things CSS can do that I never realized it could. I'll never use most of what  Chris Coyier writes about on CSS Tricks - https://css-tricks.com/ but it's always interesting to see what it can do.