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.

Download

Buy

Live Demo

Samples

Filtering and Zooming Filtering and Zooming View sample

Task Constraints Task Constraints View sample

Baselines Baselines View sample

Resource Usage Resource Usage View sample

Export Data Export Data View sample

Loading Big Datasets Loading Big Datasets View sample

View more samples

Product Features

Expanding/collapsing split tasks pro (New!)
Zooming by mouse wheel (New!)
Creating tasks by drag-n-drop (New!)
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

September 23
2013

2.0

2.1

September 9
2014

3.0

3.1

3.2

3.3

October 7
2015

4.0

4.1

4.2

November 16
2017

5.0

5.1

5.2

November 5
2018

6.0

6.1

6.2

September 19
2019

6.2.6

6.3

Check our product's roadmap for the future updates.

Use with Different Frameworks and Technologies

Client-side integrations

Server-side integrations

Laravel PHP
framework

Slim PHP
microframework

Node.js

ASP.NET

Ruby on Rails

Why Choose dhtmlxGantt?

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

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

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

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

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

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.

Download

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

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.

Learn more

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.

Learn more

Trusted by Developers and Project Managers

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

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

Download

9

Years on the market

6000+

NPM downloads per month

1000+

New trial & GNU GPL users per month

2500+

Customers

What Customers Say

Truly Exceptional Products!

We searched high and low for a suite of components to make our lives much easier in developing our products, We initially had a need for a Gantt Chart and this one really stood out from the rest. I can tell you that after implementing it on 2 large products we are very impressed with the quality of this component as well as their other products.

Ron Craig

Senior Technical Specialist,
CoreSolutions Software Inc.

Source: G2.com, Inc.

Outstanding component

After reviewing many options for a Gantt component, we selected the one from DHTMLX. It is beautifully designed (appearance/UI) which was a key consideration for us, but really it's the full scope of features and capabilities that make it stand out. It has the flexibility for us to make it work exactly the way we need, and it has been a very simple process to integrate it and get it up and running.

Rob Hansen

Partner in a Small Business

Source: G2.com, Inc.

Best choice for product development. Absolutely

It's stable. It's easy to setup, even if you don't have to much development experience. It's highly customizable. It's full of features out of the box (and if something missing, you can write your own addon to cover missing functionality). It's beautiful out of the box, which is not always the case for similar components. Workload functionality is included, which is not the case for such components.

Dmitry (Dan) Dudin

CEO at GanttPRO

Source: G2.com, Inc.

Latest Customer Spotlights from Our Clients

dhtmlxGantt Licensing

	Free GNU GPL v2	Commercial	Enterprise	Ultimate
License Terms	Free GNU GPL v2 Read License Agreement	Commercial Read License Agreement	Enterprise Read License Agreement	Ultimate Read License Agreement
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