AnyChart JavaScript Gantt Chart supports fully custom HTML tooltips with CSS styling, enabling rich card-style information panels on hover.
This sample creates a resource Gantt chart where data-grid tooltips display a user avatar, name, age, and total duration in a styled HTML card. Timeline tooltips show the hovered period index, ID, and duration in hours using an HTML table layout. When no period is under the cursor the timeline tooltip is hidden via an onContentChanged callback. External CSS styles the tooltip container with shadows, rounded corners, and table alignment.
See the Gantt Chart documentation for all configuration options.