Integration challenge with Angular 9 for multiple charts


#1

HI ,

I am try to integrate DHTMLX Gantt chats with Angular 9 , In our requirement we are expecting the behaviours to add from 3 different samples

1)https://dhtmlx.com/docs/products/dhtmlxGantt/21_open_split_task.html (Chart)
2)https://dhtmlx.com/docs/products/dhtmlxGantt/02_features.html (Filter for days / months)

My query is that can we integrate individual features of the respective charts to be integrated with the Angular application . Please point to me to the reference which would help us for the implementation .

Thanks
Uday


#2

Hi @Uday,

yes, you surely can integrate these features.
Split tasks are done at the data level:
https://docs.dhtmlx.com/gantt/desktop__split_tasks.html
Tasks that have the property render:"split" will become split tasks, their subtasks will be displayed as split-parts.
In order to be able to expand/collapse split tasks, you’ll need the following config:

gantt.config.open_split_tasks = true;

Filtering is done using simple event API, please check the related article:
https://docs.dhtmlx.com/gantt/desktop__filtering.html

And in order to change the timescale settings you can check the following articles:
https://docs.dhtmlx.com/gantt/desktop__dynamic_scale.html
https://docs.dhtmlx.com/gantt/desktop__zooming.html