Implement Gantt in existing Vue3 project

Gantt
#1

Hi!

I’ve bought DTHMLX Gantt license and I’d like to incorporate the library into my existing Vue3 project.
Can you help to do so?

Thanks in advance

#2

Hello Marlon,
We have the following guide for creating a Vue project and adding Gantt there:

Here is the official demo:

Also, it is expected to use the Gantt Instance approach for Vue: when you open a page/tab/view with Gantt, you need to create a new Gantt instance. When you switch to a different page/tab/view, you need to destroy the Gantt instance:
https://docs.dhtmlx.com/gantt/desktop__multiple_gantts.html#destructorofganttanddataprocessorinstances

Alternatively, you need to manually reset everything by yourself.
The following article covers the known issues:
https://docs.dhtmlx.com/gantt/desktop__gantt_instance.html

Here are the demos:

Gantt Instance approach:
https://files.dhtmlx.com/30d/4f25d33cbc4b19057f40a028577f9410/vue3+gantt-instance+trial_7.1.12.zip

Alternative approach:
https://files.dhtmlx.com/30d/c0a7cdde5ff4139e785733d9bfdbc9fb/vue3+gantt-gpl.zip

But you can install the Pro version of Gantt as an NPM package the following way:

  1. Unpack Gantt to a specific folder, for example, to /opt/gantt_pro
  2. Use the following command to install Gantt:
npm install /opt/gantt_pro

You can read more about installation methods in the following article:
https://docs.dhtmlx.com/gantt/desktop__install_with_bower.html#addingproeditionintoproject