Skip to content
Merged
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
99 changes: 53 additions & 46 deletions README.md
Original file line number Diff line number Diff line change
@@ -1,20 +1,20 @@
# dhtmlxGantt #
# DHTMLX Gantt #

[![dhtmlx.com](https://img.shields.io/badge/made%20by-DHTMLX-blue)](https://dhtmlx.com/)
[![npm: v.7.1.13](https://img.shields.io/badge/npm-v.7.1.13-blue.svg)](https://www.npmjs.com/package/dhtmlx-gantt)
[![License: GPL v2](https://img.shields.io/badge/license-GPL%20v2-blue.svg)](https://www.gnu.org/licenses/old-licenses/gpl-2.0.html)

[Getting started](#getting-started) | [Features](#features) | [Follow us](#followus) | [License](#license) | [Useful links](#links)
[Getting started](#getting-started) | [Features](#features) | [License](#license) | [Useful links](#links) | [Follow us](#followus)

[dhtmlxGantt](https://dhtmlx.com/docs/products/dhtmlxGantt) is an open source JavaScript Gantt chart that helps you illustrate a project schedule in a nice-looking chart.
[DHTMLX Gantt](https://dhtmlx.com/docs/products/dhtmlxGantt) is an open source JavaScript Gantt chart library that helps you illustrate and manage a project schedule in a nice-looking diagram.

It can show the dependencies between tasks as lines and allows you to set up different relationships between tasks (finish-to-start, start-to-start, finish-to-finish, start-to-finish).
<a href="https://dhtmlx.com/docs/products/dhtmlxGantt/">
<img src="https://github.com/plazarev/media/blob/master/opensource-gantt-javascript.png">
</a>

dhtmlxGantt provides a flexible API and a large number of event handlers, which gives you the freedom to customize it for your needs.
It can show the dependencies between tasks as lines and allows you to set up different relationships between tasks (finish-to-start, start-to-start, finish-to-finish, start-to-finish). The Standard edition also inludes intuituve drag-n-drop interface and smart rendering which considerably boost performance while working with a large amount of tasks.

![gantt-demo](https://dhtmlx.com/blog/wp-content/uploads/2019/11/MS-Project.gif)

[Check more samples >](https://docs.dhtmlx.com/gantt/samples/)
DHTMLX Gantt provides a flexible API and a large number of event handlers, which gives you the freedom to customize it for your needs. Moreover, the library comes with a comprehensive documentation and step-by-step video tutorials thus simplifying learning.

<a name="getting-started"></a>
## Getting started ##
Expand Down Expand Up @@ -69,6 +69,8 @@ gantt.parse({
- [Laravel](https://docs.dhtmlx.com/gantt/desktop__howtostart_php_laravel.html)
- [Slim framework](https://docs.dhtmlx.com/gantt/desktop__howtostart_php_laravel.html)
- [Ruby on Rails](https://docs.dhtmlx.com/gantt/desktop__howtostart_ruby.html)
- [Python](https://docs.dhtmlx.com/gantt/desktop__howtostart_python.html)
- [Meteor](https://dhtmlx.com/blog/using-dhtmlx-gantt-chart-meteorjs-framework/)

#### All tutorials ####

Expand All @@ -81,49 +83,36 @@ gantt.parse({
<a name="features"></a>
## Features ##

| Functionality | GNU GPL v2 | Commercial | Enterprise | Ultimate |
|--- |--- |--- |--- |--- |
| [Standard features](https://docs.dhtmlx.com/gantt/desktop__editions_comparison.html) | :heavy_check_mark: | :heavy_check_mark: | :heavy_check_mark: | :heavy_check_mark: |
| Auto scheduling | :x: | :heavy_check_mark: | :heavy_check_mark: | :heavy_check_mark: |
| Baselines, deadlines and other custom elements | :x: | :heavy_check_mark: | :heavy_check_mark: | :heavy_check_mark: |
| Critical path calculation | :x: | :heavy_check_mark: | :heavy_check_mark: | :heavy_check_mark: |
| Custom content in the overlay | :x: | :heavy_check_mark: | :heavy_check_mark: | :heavy_check_mark: |
| Custom tasks types | :x: | :heavy_check_mark: | :heavy_check_mark: | :heavy_check_mark: |
| Decimal units for tasks durations | :x: | :heavy_check_mark: | :heavy_check_mark: | :heavy_check_mark: |
| Dynamic loading | :x: | :heavy_check_mark: | :heavy_check_mark: | :heavy_check_mark: |
| Expanding/collapsing split tasks | :x: | :heavy_check_mark: | :heavy_check_mark: | :heavy_check_mark: |
| Free local module for MS Project export/import | :x: | :x: | :x: | :heavy_check_mark: |
| Free local PDF/PNG export module | :x: | :x: | :heavy_check_mark: | :heavy_check_mark: |
| MS Project link formatting | :x: | :heavy_check_mark: | :heavy_check_mark: | :heavy_check_mark: |
| Multiple resources per task | :x: | :heavy_check_mark: | :heavy_check_mark: | :heavy_check_mark: |
| Online export to PDF/PNG without watermark | :x: | 1 year | 1 year | Perpetual |
| Project-level work calendars | :x: | :heavy_check_mark: | :heavy_check_mark: | :heavy_check_mark: |
| Project and milestones task types | :x: | :heavy_check_mark: | :heavy_check_mark: | :heavy_check_mark: |
| Resizing grid columns and the grid itself from the UI | :x: | :heavy_check_mark: | :heavy_check_mark: | :heavy_check_mark: |
| Resource histogram | :x: | :heavy_check_mark: | :heavy_check_mark: | :heavy_check_mark: |
| Resource management | :x: | :heavy_check_mark: | :heavy_check_mark: | :heavy_check_mark: |
| S-curve to show the progress of a project | :x: | :heavy_check_mark: | :heavy_check_mark: | :heavy_check_mark: |
| Setting task types automatically | :x: | :heavy_check_mark: | :heavy_check_mark: | :heavy_check_mark: |
| Several Gantt charts on 1 page | :x: | :x: | :heavy_check_mark: | :heavy_check_mark: |
| Simple API for hiding/showing columns of the grid | :x: | :heavy_check_mark: | :heavy_check_mark: | :heavy_check_mark: |
| Splitting tasks into subtasks | :x: | :heavy_check_mark: | :heavy_check_mark: | :heavy_check_mark: |
| Tasks grouping | :x: | :heavy_check_mark: | :heavy_check_mark: | :heavy_check_mark: |
| Time constraints for tasks | :x: | :heavy_check_mark: | :heavy_check_mark: | :heavy_check_mark: |
| Working calendar for the whole project | :x: | :heavy_check_mark: | :heavy_check_mark: | :heavy_check_mark: |
- 4 types of tasks linking: finish-to-start, start-to-start, finish-to-finish, start-to-finish
- dragging and dropping multiple tasks horizontally
- multi-task selection

<img src="https://github.com/plazarev/media/blob/master/drag-and-drop.gif" alt= "multitask-drag-n-drop" height="350">

<a name="followus"></a>
## Follow us ##
- backward planning
- tasks filtering
- smart rendering
- inline editing

Star our GitHub repo :star:
<img src="https://github.com/plazarev/media/blob/master/inline-editing.gif" alt= "inline-editing" height="350">

Check our [roadmap](https://trello.com/b/fhOySHPj/gantt-roadmap) for future updates :wrench:
- managing editability/readonly modes of individual tasks
- tooltips
- undo/redo functionality
- configurable columns in the grid
- customizable time scale and task edit form
- progress percent coloring for tasks
- 7 different skins

Read us on [Medium](https://medium.com/@dhtmlx) :newspaper:
![gantt-material](https://github.com/plazarev/media/blob/master/gantt-chart-material.png)

Follow us on [Twitter](https://twitter.com/dhtmlx) :bird:
- export to PDF, PNG, Excel, iCal, and MS Project
- cross-browser compatibility
- 32 locales
- keyboard navigation
- accessibility

Like our page on [Facebook](https://www.facebook.com/dhtmlx/) :thumbsup:
Resource management, critical path calculation, auto scheduling, and other enhanced features are available with the PRO edition. You can see the full list of features and compare the two DHTMLX Gantt versions [in the documentation](https://docs.dhtmlx.com/gantt/desktop__editions_comparison.html).

<a name="license"></a>
## License ##
Expand All @@ -132,13 +121,31 @@ dhtmlxGantt v.7.1.13 Standard

This version of dhtmlxGantt is distributed under GPL 2.0 license and can be legally used in GPL projects.

To use dhtmlxGantt in non-GPL projects (and get Pro version of the product), please obtain Commercial/Enterprise or Ultimate license on our site https://dhtmlx.com/docs/products/dhtmlxGantt/#licensing or contact us at sales@dhtmlx.com
To use dhtmlxGantt in non-GPL projects (and get Pro version of the product), please obtain Individual, Commercial, Enterprise or Ultimate license on our site https://dhtmlx.com/docs/products/dhtmlxGantt/#licensing or contact us at info@dhtmlx.com

(c) XB Software Ltd.


<a name="links"></a>
## Useful links

- [Online documentation](https://docs.dhtmlx.com/gantt/)
- [DHTMLX Gantt product page](https://dhtmlx.com/docs/products/dhtmlxGantt/)
- [Official documentation](https://docs.dhtmlx.com/gantt/)
- [Online samples](https://docs.dhtmlx.com/gantt/samples/)
- [Video tutorials](https://www.youtube.com/watch?v=cCvULTQxPfg&list=PLKS_XdyIGP4MEW6yvvQUZT8vJKHVOq2S0)
- [Export services](https://dhtmlx.com/docs/products/dhtmlxGantt/export.shtml)
- [List of available integrations](https://dhtmlx.com/docs/products/integrations/)
- [Support forum](https://forum.dhtmlx.com/c/gantt)

<a name="followus"></a>
## Follow us ##

Star our GitHub repo :star:

Check our [roadmap](https://trello.com/b/fhOySHPj/gantt-roadmap) for future updates :wrench:

Read us on [Medium](https://medium.com/@dhtmlx) :newspaper:

Follow us on [Twitter](https://twitter.com/dhtmlx) :bird:

Like our page on [Facebook](https://www.facebook.com/dhtmlx/) :thumbsup: