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.
Collapse All
Expand All
Undo
Redo
Auto Scheduling
Critical Path
Fullscreen
Zoom to Fit
Zoom Out
Zoom In
Export
PDFSamples
Product Features
- Resource management pro (New!)
- 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
- Right-to-left mode (New!)
- 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
New
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 the 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. 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 (8+), 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.
Export to PDF and PNG
dhtmlxGantt has an online export service that allows you to export your Gantt chart to PDF
or PNG formats and print the chart, if needed.
Try the demo and learn more in the documentation.
Please note that the service works with DHTMLX server. If you want to use it locally, we can
provide you the separate packages for export.
By default, the generated PDF/PNG document includes a watermark. The Commercial/Enterprise License holders can use this service without a watermark on one domain within the support period (30 days for Commercial License, 12 months for Enterprise License). This period can be extended ($70 per year for one domain). For more details, contact sales@dhtmlx.com.
By default, the generated PDF/PNG document includes a watermark. The Commercial/Enterprise License holders can use this service without a watermark on one domain within the support period (30 days for Commercial License, 12 months for Enterprise License). This period can be extended ($70 per year for one domain). For more details, contact sales@dhtmlx.com.
Use with Different Frameworks and Technologies
Server-side integrations
dhtmlxGantt Licensing
| Free | Commercial | Enterprise | |||||||||
| Standard functionality |
Free
|
Commercial
|
Enterprise
|
||||||||
| Project and milestones task types |
Free
|
Commercial
|
Enterprise
|
||||||||
| Critical path calculation |
Free
|
Commercial
|
Enterprise
|
||||||||
| Support for baselines, deadlines and other custom elements |
Free
|
Commercial
|
Enterprise
|
||||||||
| Simple API for hiding/showing columns of the grid |
Free
|
Commercial
|
Enterprise
|
||||||||
| Dynamic loading |
Free
|
Commercial
|
Enterprise
|
||||||||
| Tasks grouping |
Free
|
Commercial
|
Enterprise
|
||||||||
| Auto scheduling |
Free
|
Commercial
|
Enterprise
|
||||||||
| Resource planning |
Free
|
Commercial
|
Enterprise
|
||||||||
| Ability to place several Gantt Charts on the one page |
Free
|
Commercial
|
Enterprise
|
||||||||
| Export to PDF/PNG without watermark (using DHTMLX server) |
Free
|
Commercial
30 days
|
Enterprise
1 year
|
||||||||
| License Terms | |||||||||||
| Developers |
Free
|
Commercial
5
|
Enterprise
|
||||||||
| Projects |
Free
|
Commercial
1
|
Enterprise
|
||||||||
| SaaS |
Free
|
Commercial
|
Enterprise
|
||||||||
| Perpetual distribution |
Free
|
Commercial
|
Enterprise
|
||||||||
| Support and Updates | |||||||||||
| Updates |
Free
Minor and major updates
|
Commercial
1 update (the next one)
|
Enterprise
1 year of all updates
|
||||||||
| Support |
Free
|
Commercial
1 months or 5 tickets within 1 year
|
Enterprise
Unlimited for one year
|
||||||||
| Add-ons | |||||||||||
|
|
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:
Why dhtmlxGantt?
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
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
Other DHTMLX Products
Need help with dhtmlxGantt integration into your app? Contact us
Send
a Question
a Question