DayPilot.Gantt.scale

The scale property (string) determines the duration represented by each grid cell in the Gantt chart timeline.

Declaration

DayPilot.Gantt.scale

Possible Values

• "CellDuration" - uses the number of minutes specified by DayPilot.Gantt.cellDuration as the grid cell duration.

• "Minute" - each grid cell uses minutes as the time unit.

• "Hour" - each grid cell uses hours as the time unit.

• "Day" - each grid cell uses days as the time unit.

• "Week" - each grid cell uses weeks as the time unit.

• "Month" - each grid cell uses months as the time unit.

• "Year" - each grid cell uses years as the time unit.

• "Manual" - disables automatic timeline generation and uses the timeline from DayPilot.Gantt.timeline.

Default Value

"Day"

Examples

JavaScript

const gantt = new DayPilot.Gantt("dp", {
  scale: "Hour",
  // ...
});
gantt.init();

Angular

<daypilot-gantt [config]="config"></daypilot-gantt>

config: DayPilot.GanttConfig = {
  scale: "Hour",
  // ...
};

React

<DayPilotGantt
  scale="Hour"
  {/* ... */}
/>

Vue

<DayPilotGantt
  scale="Hour"
  <!-- ... -->
/>

See Also

DayPilot.Gantt.cellDuration

DayPilot.Gantt.timeline

DayPilot.Gantt Class