Example of Workweek in Javascript Gantt Chart Control


This sample visualizes the support for changing different set of working days in a week. The selected working days in drop down list will be applied to Gantt chart.

More Details...

Working Days

In this example, you can see how to render a Gantt chart with the provided data source and customizable array of working days. These working days alone will be considered for taskbar rendering and duration calculations. The working days in your project can be customized using the workWeek property and the selected days in the dropdown list available in the property panel will be applied to Gantt chart. You can get to know the working days in the Gantt chart timeline by the highlighted weekend days. This can be enabled by using the highlightWeekends property 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.