Example of Working Time Range in ASP.NET MVC Gantt Chart Control

This sample visualizes the support for changing the working hours in a day. The selected start and end hours from the property panel will be applied to each task available in the project.

DEMO

SOURCE

Time Range for all days
Work Start Time
Work End Time

Time Range for each day
Working Days
Work Start Time
Work End Time

In this example, you can see how to render a Gantt chart with the provided data source and customizable working hours in a day. You can split the working hours in a day to one or more range. So, You can also provide the DayWorkingTime opens in a new tab property value as array of object collection. Gantt chart also supports different DurationUnit opens in a new tab values as follows:

Day

Hour

Minute

You can also set different working time range for different working days using WeekWorkingTime opens in a new tab property. The WeekWorkingTime property enables you to specify different working hours for each day of the week in your Gantt chart. By configuring this property, you can ensure that tasks are only scheduled during defined working periods, avoiding non-working hours.

Given duration in dataSource will be considered with this unit. In this demo, the Hour unit is used to render taskbars in day hour timeline mode. Gantt chart supports only 24hours format as of now. The working hours will differ between organizations. This feature will be helpful to keep track of each task and resource task status based on the working time of company.