< Decimal Durations, MS Project Link Formatting, Scrolling with Click and Drag and Much More in DHTMLX Gantt 6.3

Interactive JavaScript/HTML5 Gantt Chart
for Your Solutions

Use dhtmlxGantt to add full-featured gantt charts for cross-browser and cross platform applications.

The most complete library to cover all needs of a project management app.

Live Demo

Product Features

  • Decimal units for tasks durations pro (New!)
  • MS Project link formatting pro (New!)
  • Horizontal drag-n-drop of multiple tasks (New!)
  • Scrolling the Timeline by click and drag (New!)
  • Expanding/collapsing split tasks pro
  • Zooming by mouse wheel
  • Creating tasks by drag-n-drop
  • Gantt import as ES6 module
  • S-curve to show the progress of a project pro
  • Tasks constraints pro
  • Multiple resources per task pro
  • Resource histogram pro
  • Inline editing
  • Resource management pro
  • Editable or readonly Gantt chart
  • Full control with JavaScript API
  • Cross-browser: IE, FF, Chrome, Safari, Opera
  • Flexible gantt layout: grid and timeline are replaceable components
  • Working days and hours for individual tasks
  • Keyboard navigation
  • Support for touch devices: iOS, Android
  • jQuery integration
  • Fullscreen mode
  • Loading from XML, JSON
  • Rich drag-and-drop behavior to manage tasks
  • Ability to mark specific times in the timeline area
  • Tooltips
  • Critical path calculation pro
  • Backward planning
  • Optional tree view
  • Customizable task edit form (lightbox)
  • Tasks grouping pro
  • WBS codes calculation
  • Three task types: project pro, task, milestone pro
  • Progress percent coloring for tasks
  • Auto scheduling pro
  • Support for unscheduled tasks
  • Dependency arrows
  • Simple API for managing editability / readonly modes of individual tasks
  • Working calendar for the whole project pro
  • Creating tooltips for all Gantt elements
  • Routing options for dataProcessor
  • Import from MS Excel file
  • Free slack and total slack
  • Split tasks pro
  • Ability to set task types automatically pro
  • Right-to-left mode
  • Material design
  • Export/import from MS Project
  • Smart rendering
  • Support for baselines, deadlines and other custom elements pro
  • Undo/redo functionality
  • Accessibility
  • Fast and smooth rendering
  • Configurable columns in the grid
  • Multi-task selection
  • Per-column grid sorting
  • Simple API for hiding/showing columns of the grid pro
  • Ability to resize grid columns and the grid itself from the UI pro
  • Sorting and filtering
  • Dynamic loading pro
  • Localization (30+ locales)
  • Customizable time scale - zooming
  • Non-linear time scale (hide days/hours)
  • 7 different skins
  • Content Security Policy compliance
  • Export to Excel, iCal
  • Support for custom tasks types pro
  • 4 types of linking of tasks: finish-to-start, start-to-start, finish-to-finish, start-to-finish
  • Placeholder row for creating new tasks

dhtmlxGantt Release History

April 19
2010
1.0
1.3
August 27
2010
September 23
2013
2.0
2.1
March 20
2014
September 9
2014
3.0
3.1
October 27
2014
3.2
March 18
2015
3.3
July 22
2015
October 7
2015
4.0
4.1
September 1
2016
4.2
August 15
2017
November 16
2017
5.0
5.1
February 27
2018
5.2
July 6
2018
November 5
2018
6.0
6.1
February 21
2019
6.2
July 16
2019
6.3
November 14
2019
6.4
Winter
2020
Check our product's roadmap for the future updates.

Why Choose dhtmlxGantt?

Resource Management
Resource Management
dhtmlxGantt library helps to estimate the workload of each participant of your project by using resources management functionality. You can assign resources to the tasks and clearly see capacity and workload of projects and resources by displaying the resource diagram. You can consider resources not only as human resources, but equipment, money, time, etc.
Fully Customizable
Fully Customizable
dhtmlxGantt provides a rich and flexible JavaScript API that allows you to configure each element of your JavaScript/HTML5 Gantt chart: customize time scale, define the grid structure, change coloring of the task bars, add text or any custom HTML to the task bars, define dependencies (relationships) between tasks, and more. The task edit form (lightbox) can also be customized to includes the new custom fields.
Intuitive User Interface
Intuitive User Interface
The intuitive drag-and-drop interface of dhtmlxGantt allows end users to easily change start/end time and duration of tasks, link tasks with each other, and set task completeness. This JavaScript Gantt chart can display three task types: task, project, and milestone. Besides, end users can edit tasks on the fly directly in the chart without opening the lightbox. If needed, you can set dhtmlxGantt in a read-only mode.
Accessibility
Accessibility
dhtmlxGantt is one of the JavaScript Gantt charts libraries in the industry that provides the ability to build accessible js gantt charts. Accessibility support includes WAI-ARIA, keyboard navigation and two high-contrast skins (black and white). Find more information in our docs.
Cross-browser Support
Cross-Browser Support
To let the users of your app work comfortably in any environment, DHTMLX Gantt chart component provides support for all major browsers - Google Chrome, Firefox, Internet Explorer (11+), Microsoft Edge, Safari in particular.
Remarkably High Performance
Remarkably High Performance
Work with either small or large projects becomes more efficient if the performance is robust. You can load any amount of tasks to the Gantt chart, so the component will continue render them fast and smooth. If your projects consist of thousands of tasks, you'll definitely appreciate this feature.

Support & Learning Resources

We provide comprehensive documentation with technical samples. Moreover, our dedicated support team is fast and qualified. Find the suitable way to get support:

How-To Video Tutorials

Learn how to easily start your work with dhtmlxGantt in your web app and equip it with all the desired functionality

How to Create a Gantt Chart Using Node.js

How to Create a Gantt Chart App Using PHP Laravel

2 Ways to Export Your Gantt Chart

Online Export
Online Export
Use our online service to export your Gantt chart to PNG, PDF, Excel, iCal or MS Project formats. It's provided free of charge under your active license subscription.
Local module
Get your own local module for your server to export Gantt to PDF, PNG or MS Project formats. Choose the most convenient way to install it: Docker image, VM image for Amazon cloud or a standalone export module.
Local module

Trusted by Developers and Project Managers

gantt chart web development
Advantages for Developers
Our Gantt Chart is a pure JavaScript library w/o any dependencies on 3rd party tools
Simple integration with any server-side technology (PHP, ASP.NET, Java, and others)
Rich and flexible JavaScript API
Fully customizable and editable
Impressive fast rendering of any amount of tasks
All-covering documentation with vivid technical samples
gantt chart web development
Advantages for Project Managers
DHTMLX products are toprated on the market for over 10 years
The support is very qualitative and provided by dhtmlxGantt development team, no external support staff who isn't aware of every single gantt detail
Gantt customers are software giants, market majors in service management, resource-saving technologies and electronics, as well as numerous small and medium companies.
No external dependencies and no hidden fees

9

Years on the market

6000+

NPM downloads per month

1000+

New trial & GNU GPL users per month

2500+

Customers

What Customers Say

dhtmlxGantt Licensing

Free GNU GPL v2 Commercial Enterprise Ultimate
License Terms
Free GNU GPL v2
Commercial
Enterprise
Ultimate
Developers
Free GNU GPL v2
Commercial
5
Enterprise
20
Ultimate
Projects
Free GNU GPL v2
(open source only)
Commercial
1
Enterprise
5
Ultimate
SaaS
Free GNU GPL v2
Commercial
Enterprise
Ultimate
Perpetual distribution rights
Free GNU GPL v2
Commercial
Enterprise
Ultimate
Support Plan
Free GNU GPL v2
No Official Support
Commercial
Standard Support
Enterprise
Premium Support
Ultimate
Ultimate Support
Time Period
GNU GPL
Commercial
1 year
Enterprise
1 year
Ultimate
1 year
Updates
GNU GPL
Commercial
Minor & major updates
Bug fixes
Enterprise
Minor & major updates
Bug fixes
Ultimate
Minor & major updates
Bug fixes
Emergency bug fixes
Tickets
Free GNU GPL v2
Only Community Forum
Commercial
10
Enterprise
30
Ultimate
Response Time
GNU GPL
Commercial
72h
Enterprise
48h
Ultimate
24h
Personal Acccount Manager
GNU GPL
Commercial
Enterprise
Ultimate
Functionality
GNU GPL
Standard
Commercial
Professional
Enterprise
Professional
Ultimate
Professional
14 PRO features
GNU GPL
Commercial
Enterprise
Ultimate
Resource management
GNU GPL
Commercial
Enterprise
Ultimate
Critical path calculation
GNU GPL
Commercial
Enterprise
Ultimate
Baselines, deadlines and other custom elements
GNU GPL
Commercial
Enterprise
Ultimate
Simple API for hiding/showing columns of the grid
GNU GPL
Commercial
Enterprise
Ultimate
Dynamic loading
GNU GPL
Commercial
Enterprise
Ultimate
Tasks grouping
GNU GPL
Commercial
Enterprise
Ultimate
Auto scheduling
GNU GPL
Commercial
Enterprise
Ultimate
Project and milestones task types
GNU GPL
Commercial
Enterprise
Ultimate
Split tasks
GNU GPL
Commercial
Enterprise
Ultimate
Setting task types automatically
GNU GPL
Commercial
Enterprise
Ultimate
Custom content in the overlay
GNU GPL
Commercial
Enterprise
Ultimate
Time constraints for tasks
GNU GPL
Commercial
Enterprise
Ultimate
Project-level work calendars
GNU GPL
Commercial
Enterprise
Ultimate
Several Gantt charts on 1 page
GNU GPL
Commercial
Enterprise
Ultimate
Online export to PDF/PNG without watermark
GNU GPL
Commercial
1 year
Enterprise
1 year
Ultimate
Perpetual
Free local PDF/PNG export module
GNU GPL
Commercial
Enterprise
Ultimate
Free local module for MS Project export/import
GNU GPL
Commercial
Enterprise
Ultimate

Need help with dhtmlxGantt integration into your app? Contact us

Take our survey

1/5 What is your level of JavaScript knowledge?

2/5 What is your job role?

3/5 In what industry do you work?

4/5 What is the size of your company?

5/5 What is your level of education completed?

Thank you for taking our survey!
Your answers will help us prepare more relevant content and enhanced UX on our website.

Personal data processing

We do not identify website users when they fill in this survey. Your answers are completely anonymous. We gather your answers as a JSON string, which doesn’t contain anything that could be used for your identification in any way, and send them to our corporate email address for further processing for research purposes only. Your anonymous answers will help us prepare a more relevant website content and enhance UX. If you have any questions concerning the survey, please contact us at contact@dhtmlx.com.
Learn more about our Privacy Policy

Personal data processing