Example of Critical Path in React Gantt

/
/
Critical

This sample demonstrates the rendering of critical path to the Gantt control.

More Details...

Loading....
Description

In this example, you can see how to render a Gantt Chart with critical path. The default timeline view week-day mode is applied to Gantt Chart. The dependency lines are enabled in this example to represent the execution order or the hierarchy between the phases.

The critical path is a series of tasks (or sometimes only a single task) that controls the calculated finish date of the project. If a task in a critical path is delayed, then the entire project will be delayed.

Gantt component features are segregated into individual feature-wise modules. To use Critical path, selection, edit, and toolbar features, we need to inject CriticalPath, Selection, Edit, DayMarkers and Toolbar into the Inject Services section.


More information on the Essential® React Gantt Chart can be found in this documentation section.