Example of Workweek in Javascript Gantt Chart Control

/
/
Workweek

This sample demonstrates how to adjust the working days within a week and manage the visibility of non-working days in the timeline, enabling customized project scheduling.

More Details...

Working Days
Show Weekends
Highlight Weekends
Description

In this example, you can customize which days of the week are considered working days using the workWeek property. Simply select your preferred working days from the dropdown list in the property panel, and they will be applied to the Gantt chart. Weekends can be highlighted using the highlightweekends property for easy identification. Non-working days are visible by default in the Gantt chart timeline, their visibility can be customized using the timelineSettings.showWeekend property. Setting this to false will hide non-working days from the timeline. Injecting Module: Gantt control features are segregated into individual feature-wise modules. To use a selection, inject the Selection module using the Gantt.Inject(Selection) method. To use markers, inject the DayMarkers module using the Gantt.Inject(DayMarkers) method.