eg

@syncfusion/ej2-gantt

Essential JS 2 Gantt Component

Showing:

Popularity

Downloads/wk

7.2K

Maintenance

No Maintenance Data Available

Package

Dependencies

13

License

Type Definitions

Built-In

Tree-Shakeable

Yes?

Readme

ej2-gantt

The Gantt component is designed to visualize and edit the project schedule, and track the project progress. It helps to organize and schedule the projects and also you can update the project schedule through interactions like editing, dragging and resizing.

This is a commercial product and requires a paid license for possession or use. Syncfusion’s licensed software, including this component, is subject to the terms and conditions of Syncfusion's EULA (https://www.syncfusion.com/eula/es/). To acquire a license, you can purchase one at https://www.syncfusion.com/sales/products or start a free 30-day trial here (https://www.syncfusion.com/account/manage-trials/start-trials).

A free community license (https://www.syncfusion.com/products/communitylicense) is also available for companies and individuals whose organizations have less than $1 million USD in annual gross revenue and five or fewer developers.

Setup

To install Gantt and its dependent packages, use the following command.

npm install @syncfusion/ej2-gantt

Resources

Supported Frameworks

Gantt component is also offered in following list of frameworks.

  1. Angular
  2. React
  3. VueJS
  4. ASP.NET Core
  5. ASP.NET MVC
  6. JavaScript (ES5)

Key Features

  • Data sources - Bind hierarchical or self-referential data to Gantt chart with an array of JavaScript objects or DataManager.
  • Timeline – Display timescale from minutes to decades easily, and also display custom texts in the timeline units. Timeline can be displayed in either one-tier or two-tier layout.
  • Customizable Taskbars – Display various tasks in a project using child taskbar, summary taskbar and milestone UI, that can also be customized with templates.
  • Unscheduled tasks – Support for displaying tasks with undefined start date, end date or duration in a project.
  • Baselines – Display the deviations between planned dates and actual dates of a task in a project using baselines.
  • CRUD actions – Provides the options to dynamically insert, delete and update tasks using columns, dialog and taskbar editing options.
  • Task dependency – Define or update the dependencies between the tasks in a project with four types of task dependencies Finish – Start, Start – Finish, Finish – Finish, Start – Start.
  • Markers and indicators - Support for displaying indicators and flags along with taskbars and task labels. Also map important events in a project using event marker.
  • Task label customization- provides option to set desired label inside task bar and right and left side of task bar.
  • Resources- Allows you to assign and track performance of resource to particular task.
  • Sorting - Supports n levels of sorting.
  • Filtering - Offers filter UI such as filter bar, menu, excel and checkbox at each column to filter data.
  • Editing - provides the options for create, read, update, and delete operations.
  • Columns - The column definitions are used as the dataSource schema in the gantt. This plays a vital role in rendering column values in the required format.
    • Reordering - Allows you to drag any column and drop it at any position in the gantt column header row, allowing columns to be repositioned.
    • Column Chooser- The column chooser provides a list of column names paired with check boxes that allow the visibility to be toggled on the fly.
    • Resizing- Resizing allows changing column width on the fly by simply dragging the right corner of the column header.
  • Selection- Rows or cells can be selected in the gantt. One or more rows or cells can also be selected by holding Ctrl or Command, or programmatically.
  • Templates - Templates can be used to create custom user experiences in the gantt.
  • Enriched UI – Support for Material, bootstrap, fabric and high contrast themes along with other UI options like holidays support, vertical and horizontal grid lines support and so on.
  • Localization - Provides inherent support to localize the UI.

Support

Product support is available for through following mediums.

License

Check the license detail here.

Changelog

Check the changelog here

© Copyright 2019 Syncfusion, Inc. All Rights Reserved. The Syncfusion Essential Studio license and copyright applies to this distribution.

Rate & Review

Great Documentation0
Easy to Use0
Performant0
Highly Customizable0
Bleeding Edge0
Responsive Maintainers0
Poor Documentation0
Hard to Use0
Slow0
Buggy0
Abandoned0
Unwelcoming Community0
100
No reviews found
Be the first to rate

Alternatives

echartsApache ECharts is a powerful, interactive charting and data visualization library for browser
User Rating
4.5/ 5
148
Top Feedback
11Great Documentation
11Performant
9Easy to Use
GitHub Stars
49K
Weekly Downloads
67K
diagram-jsA toolbox for displaying and modifying diagrams on the web.
User RatingN/A
Top Feedback
N/A
GitHub Stars
1K
Weekly Downloads
39K
@carbon/charts:bar_chart: :chart_with_upwards_trend:⠀Robust dataviz framework implemented using D3 & typescript
User Rating
5.0/ 5
1
Top Feedback
1Great Documentation
1Easy to Use
1Highly Customizable
GitHub Stars
418
Weekly Downloads
23K
frappe-ganttOpen Source Javascript Gantt
User Rating
4.7/ 5
3
Top Feedback
2Great Documentation
1Easy to Use
1Highly Customizable
GitHub Stars
3K
Weekly Downloads
1K
mermaidGeneration of diagram and flowchart from text in a similar manner as markdown
User Rating
4.6/ 5
48
Top Feedback
5Great Documentation
4Easy to Use
3Performant
GitHub Stars
39K
Weekly Downloads
26K
See 35 Alternatives

Tutorials

No tutorials found
Add a tutorial