Example of indicators-functional in React Gantt

/
/
Indicators

This sample demonstrates task indicators in the Gantt Chart. Indicators can be used to highlight important events or milestones associated with specific dates in a task timeline.

More Details...

Loading....
Description

In this example, indicators are displayed with some custom text in specified day of task, which are defined in dataSource. You can define the indicators with the following properties for tasks:

  • date: Defines the date value to where we want to display the indicators.
  • iconClass: Defines the icon to highlight the indicator.
  • name: Defines text to be displayed in the mentioned date.
  • tooltip: The text to be displayed when hover the mouse over the indicator.

Gantt component features are segregated into individual feature-wise modules. To use a selection support and event 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 data markers documentation section.


Looking for the full React Gantt Chart component overview, features, pricing, and documentation? Visit the React Gantt Chart page.