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. Injecting Module: Gantt component features are segregated into individual feature-wise modules. To use a selection feature, inject the Selection module using the Gantt.Inject(Selection) method. To use markers feature, inject the DayMarkers module using the Gantt.Inject(DayMarkers) method. More information on the Essential® JS2 Gantt Chart can be found in this data binding documentation section. Looking for the full JavaScript Gantt Chart component overview, features, pricing, and documentation? Visit the JavaScript Gantt Chart page.