Interactive JavaScript/HTML5 Gantt Chart for Your Solutions
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.
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
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. 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).
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).
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.