Example of Tooltip Template in React Gantt

/
/
Tooltip Template

This sample explains the way of rendering tooltip template for taskbar, timeline and baseline by mapping template elements to the property of taskbar and baseline in tooltipSettings.

More Details...

Loading....
Description

Tooltip can be enabled or disabled using tooltipSettings.showTooltip property.In this demo, the tooltip template is rendered for taskbar, timeline and baseline using the tooltipSettings.taskbar,tooltipSettings.timeline and tooltipSettings.baseline properties.

The baseline feature enables the user to view the deviation between the planned dates and the actual dates of the tasks in a project. Baselines can be enabled in Gantt Chart by enabling the renderBaseline property along with mapping the data source values for baselineStartDate and baselineEndDate properties.

Gantt component features are segregated into individual feature-wise modules.To use a selection and marker features, we need to inject the Selection and DayMarkers into the Inject Services section.


More information on the Essential® React Gantt Chart can be found in this documentation section.