< Announcing a new DHTMLX component - JavaScript To Do List Meet Gantt 7.0: Merging Work Calendars, Setting Work Time in Minutes, and Node.js Server Module

Feature-Rich Vue JS Gantt Chart
to Visualize Any Project Scenarios

DHTMLX Vue Gantt chart is a versatile component that can be easily integrated into your
project management application to complete projects on the due date and balance resources.

Live Demo

Vue Gantt Chart Features

Well-targeted resource assignment

Advanced functional capabilities of the PRO edition allow you to create a Vue Gantt chart reinforced with valuable resource management options. For example, users can commit resources to different tasks and keep an eye on the workload with the help of special visualization tools such as resource histograms.

View sample

Well-targeted resource assignment
Critical path analysis

Critical path analysis

Any given project may include a huge number of interdependent tasks. Thus, it may seem next to impossible to determine the most crucial project tasks. These are the tasks that must be completed on due dates, otherwise, the project will be delayed. That is where the critical path method helps to do the trick. This sophisticated PRO feature of DHTMLX Vue Gantt specifies and illustrates in red color a set of key tasks that must become a top priority for the project team to meet all deadlines.

View sample

Automatic scheduling

This smart feature helps you avoid messing up your Gantt chart schedule when some tasks need to be postponed. In this case, you don't have to modify task details by hand. All dates and deadlines will be recalculated automatically to fit a new timetable due to auto-scheduling.

View sample

Automatic scheduling
Additional custom elements

Additional custom elements

Complementary to a variety of custom options embedded in Vue Gantt, the PRO edition allows you to apply additional custom elements to charts to manage your project even more efficiently. For instance, it is possible to add an extra layer with an S-curve that gives a clear picture of the project advancement.

10

Years on the market

6000+

NPM downloads per month

1000+

New trial & GNU GPL users per month

2500+

Customers

Why Choose Vue JS Gantt Chart?

Robust performance
Robust performance
No matter how many innovative features are implemented into your Gantt, it means nothing if its performance is low. Performance rates have a huge impact on customer satisfaction and the overall success of the project management application. With DHTMLX Vue Gantt you won’t have to worry about performance-related issues, as this lightning-fast component will render Gantt charts of any complexity level without any delays.
Accessibility support
Accessibility support
Accessibility barriers can become an insurmountable problem for end-users with special needs. That is why our Vue Gantt component comes with a set of built-in accessibility features such as WAI-ARIA attributes, keyboard navigation, and high-contrast themes, providing equal access and equal opportunity to people with disabilities.
Intuitive UI
Intuitive UI
Gantt charts with hundreds of tasks may seem too complex to navigate. The user-friendly drag-and-drop interface of our Gantt enables end-users to easily manipulate project tasks and their attributes (start/end time, order, status, etc.). Three types of built-in tasks are available: regular tasks, project tasks, and milestones. When talking about editing capabilities, end-users can modify tasks on the fly via the grid without using the lightbox. Moreover, it is also possible to enable a read-only mode.
All-ways customization
All-ways customization
Thanks to a powerful API, you can enjoy the benefits of numerous customization options. For instance, it is possible to add one more grid to the Vue Gantt timeline. Moreover, you can change not only the appearance of the whole Gantt chart using built-in skins and templates but also modify the look and feel of its separate elements (grid, tasks, etc.). The lightbox form can be updated with extra custom fields.
Resource Management
Resource management
The availability of resource management functionality in the Vue Gantt chart is extremely useful for project managers. It helps to assess an overall load of any project and achieve a balanced distribution of workload between all participants. For instance, after allocating resources (people, equipment, money, etc.) to the project tasks, end-users can properly analyze the workload data using the resource diagram and introduce necessary changes.
Cross-browser compatibility
Cross-browser compatibility
Using Vue JS Gantt you can secure end-users from different inconveniences caused by cross-browser compatibility issues, as our widget supports all major modern browsers (Google Chrome, Firefox, Internet Explorer (11+), Microsoft Edge, Safari).

DHTMLX Gantt with Vue and Other Technologies

DHTMLX Vue Gantt Computation on the Server

Node.js Gantt Chart Library

Besides our client-side Vue js Gantt chart, we offer a special addon for conducting the following server-side computation:

Implementing changes into Gantt schedule taking into account data from various sources like web and mobile apps;
Enabling numerous users to work with Gantt chart at the same time;
Performing schedule analysis with the help of server-side code.

Exporting Vue JS Gantt Chart

Online Export
Online export
By default, Gantt charts created with the use of our Vue Gantt component can be easily exported via an online export service. This free of charge option enables you to export charts with/without the watermark (depending on the license) to popular formats (PNG, PDF, Excel, iCal, MS Project).
Local module
DHTMLX Vue Gantt gives the advantage of using a special module for exporting Gantt charts to various formats (PNG, PDF, or MS Project) avoiding any security threats. This handy add-on allows storing all data on your own server and can be set up via Docker image or as a standalone export module.
Local module

Support & Learning Resources for Vue JS Gantt

We provide comprehensive documentation with technical samples. Moreover, our dedicated support team is fast and qualified. Find the suitable way to get support:

How Vue JS Gantt Chart Can Benefit You

gantt chart web development
Values for Developers
Our Gantt component ensures smooth integration with Vue.js as well as other mainstream client-side and server-side technologies
Feature-packed API
Manifold customization and editing possibilities
Advanced performance rates
Extensive documentation with clear tech samples
Vast community of developers experienced in DHTMLX Gantt
gantt chart web development
Values for Project Managers
DHTMLX components have been a quality label on the software market for more than a decade
The tech support is provided by our team of professional developers timely and effectively
Our products have won acceptance among the most reputable software companies as well as enterprises representing other industries
No stumbling blocks (external dependencies or hidden fees)

What Customers Say

dhtmlxKanban
Looking for a Neat Task Board?
Try DHTMLX Kanban

Latest Customer Spotlights from Our Clients

DHTMLX Gantt for XB Software
Gantt for XB Software
MVP for ERP system using React
Read More
DHTMLX Gantt for Splitvice
Gantt in Splitvice
Portfolio and project management tool
Read More
DHTMLX Gantt in Hive
Gantt in Hive
Team productivity platform
Read More
DHTMLX Gantt for Keyworks
Gantt for Keyworks
Cloud public administration platform
Read More
DHTMLX Gantt for GanttPRO
Gantt for GanttPRO
Online project management tool
Read More

DHTMLX Vue Gantt Licensing

Free GNU GPL v2 Commercial Enterprise Ultimate
License Terms
Free GNU GPL v2
Commercial
Enterprise
Ultimate
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
16 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
MS Project-like format of task dependencies
GNU GPL
Commercial
Enterprise
Ultimate
Decimal format of task duration
GNU GPL
Commercial
Enterprise
Ultimate
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.
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
GNU GPL
Commercial
Enterprise
Ultimate

Need help with dhtmlxGantt integration into your app? Contact us

Send
a Question