Set configuration like duration_unit in react Gantt


#1

How to specify different configurations in React Gantt?
e.g. We can specify config in html gantt chart like gantt.config.duration_unit = “hour”.

i want to achieve same configurations in React Gantt


#2

Hi,
At the moment, the “DHTMLX React JS Gantt chart” has less functionality than the “JS dhtmlxGantt” and you can’t set gantt.config.duration_unit = "hour". Please see https://docs.dhtmlx.com/gantt/web__react.html for more details.
Here is a basic example https://stackblitz.com/edit/react-gantt-basic?file=src%2Fdata.js. In the “data.js” file you can configure the grid and scale.
You may also find our demo https://github.com/web-widgets/react-gantt-demos useful.
I want to note that JS dhtmlxGantt with full functionality can be used in a react app. To do this, you need to write a wrapper component.
Here is a demo and tutorial on how to do it:
https://github.com/DHTMLX/react-gantt-demo
https://dhtmlx.com/blog/create-react-gantt-chart-component-dhtmlxgantt/