DayPilot.Gantt.separators

The separators property (array) defines an array of separator objects for the Gantt chart.

Declaration

DayPilot.Gantt.separators

Default Value

null

Notes

Each separator object supports the following properties:

• color (string)

• location (DayPilot.Date)

• layer (string) - "AboveEvents" or "BelowEvents"

• opacity (integer) - in percent (0 to 100)

• width (integer) - default value 1 pixel

Examples

JavaScript

const gantt = new DayPilot.Gantt("dp", {
  separators: [
    {
      color: "red",
      location: "2035-03-29T00:00:00",
      layer: "BelowEvents"
    }
  ],
  // ...
});
gantt.init();

Angular

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

config: DayPilot.GanttConfig = {
  separators: [
    {
      color: "red",
      location: "2015-03-29T00:00:00",
      layer: "BelowEvents"
    }
  ],
  // ...
};

React

<DayPilotGantt
  separators={[
    { color: "red", location: "2035-03-29T00:00:00", layer: "BelowEvents" }
  ]}
  {/* ... */}
/>

Vue

<DayPilotGantt
  :separators="[
    { color: 'red', location: '2035-03-29T00:00:00', layer: 'BelowEvents' }
  ]"
  <!-- ... -->
/>

See Also

Separators [doc.daypilot.org]

DayPilot.Gantt Class