The React Gantt Chart is a project planning and management tool that provides a Microsoft Project-like interface to display and manage hierarchical tasks with timeline details. Its intuitive user interface lets you visually manage tasks, resources, and task relationships in a project.
Data binds seamlessly with various local and remote data sources such as JSON, RESTful services, OData services, and WCF services.
The React Gantt Chart supports different configurable timeline views such as hour, day, week, month, and year.
Create relationships between different tasks to determine the execution order using finish-to-start, start-to-finish, start-to-start, and finish-to-finish task link types.
Edit the tasks’ fields directly in their respective cells using dialog or interactively using taskbars.
The React Gantt Chart provides built-in support for unscheduled tasks. These are tasks not scheduled with proper dates or duration at the start of the project, but which can be scheduled properly at any time during project implementation based on factors such as resource availability and dependent tasks.
Data across all columns can be filtered using the menu filtering and toolbar search options.
Customize the appearance and style of the task bars using templates.
Focus on the tasks that are not visible but scheduled later along the timeline by selecting the rows in the tree grid section.
The tooltip displays task information while the mouse hovers over the task, and editing actions for the task bar and connector lines.
Highlight important days or events in a project using event markers.
Display events for a specific task that can be placed on the timeline on any given date.
Includes toolbar options for editing, searching, expanding, collapsing, and deleting selected tasks along with an option for adding a new task.
Compare the current task’s progress with the planned dates using baselines.
Display non-working days using Holidays feature.
Allocate multiple resources like staff, equipment, and materials to each task.
The Gantt chart component integrates easily with any web framework:
Four built-in SASS-based themes are available such as: Material, Bootstrap, Fabric, and High Contrast.
Simplify theme customization either by overriding the existing SASS styling or creating custom themes by using the Theme Studio application.
The React Gantt chart works well with all modern web browsers such as Chrome, Firefox, Edge, Safari, and IE11.
Developers can have full control over the UI and behavior of the Gantt chart through its built-in, developer-friendly APIs. The simple and extensible APIs allow you to customize even the complex Gantt chart functionalities with ease.
Greatness—it’s one thing to say you have it, but it means more when others recognize it. Syncfusion is proud to hold the following industry awards.