Example of Self Reference Data in React Gantt

/
/
Self Reference Data

This sample demonstrates the way of binding self-referential flat data to the Gantt component.

More Details...

Loading....
Description

This sample demonstrates how to bind self-referential flat data to the Gantt component. Self-referential data uses a parentID field to establish hierarchical relationships between tasks, allowing flat data structures to be displayed as hierarchical task trees.

In this example, an array of JavaScript objects with ParentID relationships is assigned as the data source to the Gantt. The dataSource property accepts array of objects or a DataManager instance for both local and remote data scenarios.

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.