Example of Default Functionalities in React Gantt Component


This sample visualizes the various phases involved in a manufacturing process of a product which transforms from a conceptual model to a sellable product.

More Details...


In this example, you can see how to render a Gantt chart with the provided data source. 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.

Tooltip is enabled for all the UI in this example. To see the tooltip in action, hover the mouse over or tap taskbars, timeline units and dependency lines in touch enabled devices.

Gantt component features are segregated into individual feature-wise modules. To use a selection support we need to inject the Selection module.