Duration units
8 Mar 20183 minutes to read
In Gantt, the duration value of task can be measured by the following duration units:
- Day
- Hour
- Minute
Each task in the project can be defined with different duration units, and the duration unit of the task can be defined by the following ways:
- To map the data source field of the duration unit, use the e-durationunitmapping property.
- Define the duration unit value along with the duration field in the data source.
Mapping the duration unit field
The following code snippet explains the mapping of duration unit data source field to the Gantt control by using the e-durationunitmapping property:
<script>
var data = [
//...
Duration: 5,
DurationUnit: ej.Gantt.DurationUnit.Day,
}];
</script>
<body ng-controller="GanttCtrl">
<!--Add Gantt control here-->
<div id="GanttContainer" ej-gantt
//...
e-durationmapping= "Duration"
e-durationunitmapping= "DurationUnit">
</div>
</body>
NOTE
The default value of the e-durationunit property is “day”.
Defining duration unit along with duration field
Duration units for tasks can also be defined along with the duration values. The following code snippet explains the duration unit for the task along with duration value:
<script>
var data = [
//...
Duration: "5days"
}];
</script>
<body ng-controller="GanttCtrl">
<!--Add Gantt control here-->
<div id="GanttContainer" ej-gantt
//...
e-durationmapping= "Duration"
>
</div>
</body>
The following sample explains the duration unit of tasks in the Gantt control:
The following screenshot shows different duration unit support in the Gantt control:
NOTE
The edit type of the duration column in Gantt is a string which supports editing the duration field along with duration units.
Localizing the duration unit
You can localize the duration unit texts as shown in the following codes:
<script>
ej.Gantt.Locale["en-US"] = {
//...
durationUnitTexts: {
days: "days",
hours: "hours",
minutes: "minutes",
day: "day",
hour: "hour",
minute: "minute"
},
durationUnitEditText: {
minute: ["m", "min", "minute", "minutes"],
hour: ["h", "hr", "hour", "hours"],
day: ["d", "dy", "day", "days"]
}
};
</script>
NOTE
The durationUnitTexts property is used to display the unit of duration in columns and taskbar tooltips.
The durationUnitEditText property is used to save the edited duration unit value on editing action.