This sample demonstrates how to bind local hierarchical data to the Gantt Chart and visualize project tasks with their scheduling, progress, and dependency information.
The Gantt Chart supports binding data from local collections as well as remote data services. The dataSource property can be assigned either an array of JavaScript objects or a DataManager instance.
In this sample, a local JSON data source with a hierarchical task structure is used to populate the Gantt Chart.
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.