Index in Vue Gantt component
4 Jul 20242 minutes to read
The Gantt chart is a project management tool which provides a Microsoft Project-like interface for scheduling and managing projects. Its intuitive user interface allows you visually manage tasks, task relationships, and resources in a project.
Key features
- Data sources - Bind the Grid component with an array of JSON objects or DataManager.
- Large data binding - To render a large number of tasks in the Gantt Chart with an effective performance. It allows users to load parent records alone on load time. Child records render on demand during expansion action.
- Editing: A task’s fields, such as duration, start date, end date, predecessors, and more, can be edited directly in their respective cells using the Edit dialog or interactively using taskbars.
- Undo/Redo: It enables users to revert the most recent action performed in the Gantt Chart. Redo feature can reapply an action that was previously undone using the Undo feature. This allows users to revert their decision to undo an action.
- Task dependencies: Defines task relationships using finish-to-start, start-to-finish, start-to-start, and finish-to-finish task dependency types.
- Customizable timeline: Displays timescale from minutes to decades easily and also displays the custom texts in timescale. Timeline can be displayed in either one-tier or two-tier layout.
- Taskbars: Supports unscheduled tasks, and it can be customized. Baselines can also be displayed for the tasks.
- Critical path: It 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.
- Timezone: It explains the Gantt Chart schedules project in their respective timezones.
- Columns: Customizes the columns and adds the custom columns to the Gantt chart at initialization.
- Resources: Resources are represented by staff, equipment, materials, and more. You can show and allocate the resources for each task.
- Filtering: Filters individual column using the menu filtering along with toolbar search box.
- Toolbar: Managing the Gantt data using toolbars.
- Rows: Customizes the rows and adds the custom rows to the Gantt chart at initialization and dynamically.
- Selection: Customizes the row and cell selection to the Gantt chart at initialization and dynamically.
- Data markers or indicators: Displays indicators and flags along with taskbars and task labels.
- Event markers: Highlights important days or events in a project using the event markers.
- Holidays: Defines non-working days in a project using holidays.