How to control the position of a task

[Akira Kume]

Hi,

Is there any way to control the position of the task as shown in the image?

Also, what are the rules for task position?

Current action

The action I want

[Ajithkumar Gopalakrishnan]

Hi Akira,

Greetings from Syncfusion Support,

No, it is not possible because the given dataSource-based taskbar renders in the Gantt chart. When comparing two tasks, the check and render process in the Gantt chart works as follows: if the first taskbar is rendered in the first row, then the second task is checked against the first task's dates. If the two task dates overlap, the second taskbar is rendered in a new row. Based on the attached image, this behavior is not possible in the Gantt chart.

In the Gantt chart, the 'showOverAllocation' property is enabled, and this property visually displays the mismatch between the two task dates. We have attached the code snippet and sample for reference.

<GanttComponent id='ResourceMultiTaskbar'  viewType='ResourceView' enableMultiTaskbar={true} showOverAllocation={true} allowTaskbarOverlap={false}>

                  ...

</GanttComponent>

 

 

Sample link: https://stackblitz.com/edit/react-v7mf6fwb-ddcd1mtd?file=index.js,data.js

For more information, you may refer to the following link:

https://ej2.syncfusion.com/react/documentation/api/gantt/#showoverallocation

https://ej2.syncfusion.com/react/documentation/gantt/multi-taskbar

If you have any further questions or need additional assistance, please feel free to let us know!

Regards,
Ajithkumar G

[Akira Kume]

Hi, Ajithkumar

Am I correct in assuming that when tasks overlap, if the row is not at the top of the list, it will be displayed on a newer row?

Also, it would be great if the user could customize the vertical position of overlapping tasks.

Are there any plans to implement that feature?

[Ajithkumar Gopalakrishnan]

Hi Akira,

Yes, in the Gantt chart, taskbars are rendered based on their start and end dates. When tasks overlap, the Gantt chart automatically places the overlapping task on a new row to avoid visual collision. However, as per your reported scenario, customizing the vertical position of overlapping tasks is currently not supported in the Gantt chart.

If you are looking for a feature that allows manual or custom control over the vertical positioning of overlapping tasks, we would need more detailed information about your exact requirement. Please share a clear explanation or visual reference of the expected behavior. Once we receive the details, we will evaluate whether this can be achieved with the current capabilities or if it needs to be considered as a feature request.

Regards,
Ajithkumar G