dhtmlxGantt is a JavaScript/HTML5 component used to create a full-featured gantt chart for cross-browser and cross platform applications. The latest version is 4.2, find out what's new
Live Demos
Product Features
- Editable or readonly Gantt chart
- Full control with JavaScript API
- Cross-browser: IE, FF, Chrome, Safari, Opera
- Working days and hours for individual tasks (New!)
- 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 Only)
- Backward planning
- Optional tree view
- Customizable task edit form (lightbox)
- Tasks Grouping (PRO Only)
- Support of baselines, deadlines and other custom elements (PRO Only)
- Three task types: project (PRO Only), task, milestone (PRO Only)
- Progress percent coloring for tasks
- Auto Scheduling (PRO Only)
- Support of unscheduled tasks
- Dependency arrows
- Simple api for managing editability / readonly modes of individual tasks
- WBS codes calculation (New!)
- Export/import from MS Project
- Smart rendering
- 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 Only)
- Ability to resize grid columns and the grid itself from the UI (PRO Only)
- Sorting and filtering
- Dynamic loading (PRO Only)
- Localization (5 languages and more coming)
- Customizable time scale - zooming
- Non-linear time scale (hide days/hours)
- 4 different skins
- Content Security Policy compliance
- Export to Excel, iCal
- Support of custom types (PRO Only)
- 3 types of linking of tasks: finish-to-start, start-to-start, finish-to-finish
- Fully Customizable
- dhtmlxGantt provides a rich and flexible JavaScript API that allows you to configure each element of your 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 read-only mode.
- Cross-browser Support
- DHTMLX Gantt chart component supports all major browsers - Google Chrome, Firefox, Internet Explorer (8+), Microsoft Edge, Safari in particular.
- 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. - Use with Different Frameworks and Technologies
- Gantt Chart can be easily used with jQuery, NodeJS, Angular, Angular 2 frameworks. Being a fully client-side solution, you may use it with any server-side technology including PHP (Laravel, Slim and other php frameworks), ASP.NET, Ruby on Rails and others.
- Accessibility
- dhtmlxGantt is one of the JavaScript Gantt charts libraries in the industry that provides the ability to build accessible gantt charts. Accessibility support includes WAI-ARIA, keyboard navigation and two high-contrast skins (black and white). Find more information in our docs.
Editions and Licenses
Standard Edition GNU GPL v2
Free under GPL
- Standard Functionality
- Use in unlimited projects
- Forum support
- Minor and Major updates
Professional Edition Commercial license
$449
up to 5 developers
- PRO Features
- Use in one project (not SaaS)
- Standard ticket support
- 1 month of updates (minor, major, bugfixes)
Favorable terms
for companies
for companies
Professional Edition Enterprise license
$979
per company
- PRO Features + ability to display multiple Gantt charts on one page
- Use in unlimited projects Use in SaaS
- Premium ticket support
- 12 months of updates (minor, major, bugfixes)
Support & Learning Resources
Over 110 technical samples
More than 110 online technical samples that demonstrate almost all Gantt features.
Documentation
Our detailed documentation can learn how to use Gantt component and effectively implement it in your own applications. It provides the detailed information regarding each aspect of the product.
Community forum
If you don't have an active support subscription, you are welcome to post your technical questions to our forum. It's moderated by our official support team.
Ticket support
Create a support request and get fast and qualified help from our support/development team.
Other DHTMLX products
Need help with dhtmlxGantt integration into your app? Contact us