DHTMLX Gantt enables end-users to allocate multiple resources, like personnel and facilities, to projects and
tasks. It also helps to adjust the assignments accurately with the help of various load charts and histograms.
It is possible to highlight the minimum duration of an entire project and
determine the most vital tasks due to the built-in critical path
calculation in DHTMLX Gantt. Moreover, the chart allows displaying
the slack time and setting the lag and lead times.
The DHTMLX JavaScript Gantt chart library includes automatic scheduling
functionality. If an end-user changes the duration of a particular task,
the auto-scheduling extension updates all due dates automatically,
taking into account task dependencies.
It is an indispensable tool for external integration with complex CRM or
ERP systems, real-time collaboration with many people working simultaneously
on the same timeline, and clientless integrations with calculations based
on calendars and links performed on the fly.
They are standalone modules that you can install locally to export Gantt charts of any
size to different formats without the need to send your data to our server. We provide
export modules to PDF, PNG, iCal, and Excel files, as well as MS Project and Primavera
P6.
The DHTMLX JavaScript Gantt chart supports diverse drag-and-drop
operations. End-users can move several tasks, create tasks from scratch,
and reorder columns in the grid with the help of drag and drop. Developers
can control all the behavior via API.
Due to a keyboard navigation mode, end-users are free to manage
all tasks right in the grid via inline editing. Keyboard shortcuts
allow the creation and update of project tasks and their relations.
The JavaScript Gantt chart library provides 8 predefined skins that can be easily customized and styled using CSS variables.
It's possible to switch between themes dynamically and change the overall Gantt chart look with just one click.
DHTMLX Gantt ensures a smooth React development experience by combining its powerful
API with React's declarative data handling, enabling effortless customization with React
components and state management techniques.
Our JavaScript Gantt has been used in three different scenarios to build a complete
strategic portfolio management solution successfully operated in the DACH Region
DHTMLX Gantt allows optimizing engineering processes successfully within the organization.
Read about tips and challenges of using the Gantt chart in the interview with Nathan Brown,
a director of business systems from Multi Parts.
A US-based construction company built an effective field forecasting software by integrating DHTMLX
Gantt into their accounting system. The President of Venplan LLC shared the company's experience of
working with the Gantt chart library.
Even if you are not a JavaScript expert, starting your work with our HTML5 Gantt control is
straightforward. You can quickly initialize it with a few lines of code and equip it with the desired features.
Comprehensive documentation,
technical guides,
and
online demos
have got you covered.
Full-featured out of the box
DHTMLX Gantt is the most complete JavaScript Gantt chart library for project management.
It has all the necessary functionality including different task types, scheduling techniques,
and resource management. Enjoy its clean UI out of the box.
Fully customizable
A rich and flexible API allows you to configure each and every JS Gantt chart element: customize
time scale, define grid structure, style task bars, fine-tune editing form, and add any kind of
custom HTML content.
Stable and high-performance
Robust and flawless performance is the key criterion for large projects with thousands of
tasks. You can load any number of tasks to the JavaScript Gantt component and it will
render them smoothly
due to smart rendering and dynamic loading.
Cross-browser and adaptable
DHTMLX Gantt is cross-browser and works in Chrome, Firefox, Safari, IE11, and all Chromium-based browsers
(e.g., Microsoft Edge, Opera, Vivaldi). Being pure JS, our Gantt chart is compatible with any front-end
and back-end technologies.
Get started for free
Download the DHTMLX Gantt trial version and evaluate it free of charge for 30 days
benefiting from the official technical support of our team.
Updates
Major, minor, and maintenance updates
Major, minor, and maintenance updates
Major, minor, and maintenance updates
Major, minor, and maintenance updates
Priority queue for bug fixing
Support requests
10
30
50
Response time
72h
48h
48h
24h
Personal Account Manager
Functionality
PROPRO+ 2 add-onsPRO+ 3 add-onsPRO+ 5 add-ons
20+ PRO features
React Gantt chart
Several Gantt charts on 1
page
This feature enables creating and destroying instances of Gantt, what is especially
common for Angular, React, and other frameworks.
Online export to PDF/PNG without watermark
Free for 1 year
Free for 1 year
Free for 1 year
Free for 3 years
Several Gantt charts on 1
page
This feature enables creating and destroying instances of Gantt, what is especially
common for Angular, React, and other frameworks.
Online export to PDF/PNG without watermark
Free for 1 year
Several Gantt charts on 1
page
This feature enables creating and destroying instances of Gantt, what is especially
common for Angular, React, and other frameworks.
Online export to PDF/PNG without watermark
Free for 1 year
Several Gantt charts on 1
page
This feature enables creating and destroying instances of Gantt, what is especially
common for Angular, React, and other frameworks.
Online export to PDF/PNG without watermark
Free for 1 year
Several Gantt charts on 1
page
This feature enables creating and destroying instances of Gantt, what is especially
common for Angular, React, and other frameworks.
Online export to PDF/PNG without watermark
Free for 3 years
Free local PDF/PNG export module
Free local module for MS Project export/import
Free Node.js Gantt server module
Already Using Another Gantt Chart Solution?
We understand that transitioning to a new component takes effort.
To make it smoother, we're offering 3 months of DHTMLX Gantt for free when you switch.
The open source version of DHTMLX Gantt (Standard Edition) is distributed under the GPL v2.0 license.
If you have an open-source project licensed under a GPLv2-compatible license and do not need PRO features,
you may use DHTMLX Gantt Standard Edition for free. This version does not come with official technical
support, but you can access assistance through the community forum.
Here you will find the API references as well as all the necessary guides and tutorials
to quickly initialize, configure and customize the DHTMLX Gantt library.
The forum has accumulated lots of shared knowledge of the work with our Gantt in
JavaScript and other technologies. It is completely free and includes answers from
our tech specialists.
The best way to make sure that our Gantt chart JavaScript library is what you need is
to test it free of charge during 30 days in your projects and take advantage of our
official tech support.
Here is the official DHTMLX repository on GitHub. There, you can find the Standard
edition of the JavaScript Gantt chart and Standard editions of other DHTMLX components.
We support each and every user of our Gantt JS library. Here you can learn what levels
of support we offer for trial users and owners of proprietary and open-source licenses.
We have prepared various materials to help you integrate DHTMLX Gantt with Angular,
React, Vue.js, Salesforce, ASP.Net, Node.js, and any other technology you need.
We saw that many samples from DHTMLX were already provided with use cases that were
important for us. So, we were quite sure that we could implement the things that we
wanted to implement because there were some samples we could work on. We got some
key features like grouping by resources, auto-scheduling, undo, but overall it was
high performance and ease of using it.
Senior Developer at the German software service provider scholz.msconsulting
It's stable. It's easy to set up, even if you don’t have too 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.
We've been using DHTMLX libraries since 2005/06. It's pretty simple. You guys build
controls we couldn't possibly do. Before that, we used straight HTML. Using DHTMLX
lets us concentrate primarily on the functional aspects of the application and be
able to deliver a modern sophisticated user interface without having to build
those kinds of controls ourselves.
President of the American software company Point Enterprises, Inc.
The most appreciated features of the DHTMLX library are the perfectly integrated
set of standard user interface components, a well designed API easy to understand
and the really extensive documentation that really speeds up the development.
The API is extremely flexible, well documented and easy to understand if you need to
look at underlying source code. The support has been responsive and high quality. We
would absolutely recommend using DHTMLX and are even considering using some other
products that they offer based on our experience so far.
I'm pretty happy with the software because it's very easy and quick to implement. I
love to have fast results, it definitely helps. It was very useful to see the Scheduler
demos on your website. These demos helped us to see how things are working in real-case
scenarios. I think that your demos that looked and worked really well made me choose DHTMLX.
Start your journey with an advanced DHTMLX Gantt chart
Download a free 30-day trial version of DHTMLX Gantt and experiment with the robust performance,
enterprise-grade features, flexible customization, and high-rated official tech support.