Change the unit of Duration property to hours. Gantt chart.

GajarubanJeyakumar

Thanks for this wonderful gantt chart widget.
I wonder if it's possible to change the base unit of the duration property of the gantt chart somehow?
I'm trying to make a scheduler app for a timber drying machine, where the base unit of the process is in hours.

Thanks for your help.

Marta

The bad new - the duration property is hard-coded to use "day" unit.
The good news - I checked the code and it seems there is no real reason to limit it to days only, it was just assumed that it will be the most common case. So, with rather small changes, it may be possible to allow other unit types. I will add it as an option for the future updates.

If you really want to have it with the current version, it possible to customize editor form ( remove duration and replace start/end date pickers with date+time pickers ), there will be no "duration in hours" input but you will be able to select start and end date-times

https://docs.svar.dev/svelte/gantt/guides/configuration/configure_editor
https://docs.svar.dev/svelte/gantt/api/properties/editorShape

GajarubanJeyakumar

Thank you for the answer. very much appreciated.
The date picker still shows only the date not time. Any idea what I'm doing wrong?

const editorShape = [{ key: "start", type: "date", label: "Start date and time", config: { time: true, // Enable time picker }, }, { key: "end", type: "date", label: "End date", config: { time: true, // Enable time picker }, }, ];

New issue created on the repository:
https://github.com/svar-widgets/gantt/issues/5

GajarubanJeyakumar

Hi Marta,
I was able to get the duration in hours by doing this for treeview:
const columns = [{id: 'id', header: 'Duration (hours)', width: 90, align: 'center', sort: false, template: (id) => { const task = gApi.getState().tasks.byId(id); if (task.type === 'task') { return${calculateHours(task.start, task.end)} h; } else { return ; } }];