This sample demonstrates binding self-referential data to the Gantt Chart using the parentID field to define parent-child task relationships.
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, a flat collection of task records is converted into a hierarchical structure by mapping the ParentID field. This enables the Gantt Chart to display parent and child tasks without requiring a nested data source.
The Gantt Chart supports binding data from local collections or remote services through the DataManager property. Here, a local array of JavaScript objects is used as the data source.
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 data binding documentation section.
Looking for the full React Gantt Chart component overview, features, pricing, and documentation? Visit the React Gantt Chart page.