DayPilot.Gantt.crosshairType

The crosshairType property (string) sets the crosshair display mode in the Gantt chart.

Declaration

DayPilot.Gantt.crosshairType

Possible Values

• "Disabled" - disables the crosshair position indicator.

• "Full" - shows the crosshair across the full Gantt grid.

• "Header" - shows the crosshair in the timeline header area.

Default Value

"Header"

Examples

JavaScript

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

Angular

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

config: DayPilot.GanttConfig = {
  crosshairType: "Full",
  // ...
};

React

<DayPilotGantt
  crosshairType="Full"
  {/* ... */}
/>

Vue

<DayPilotGantt
  crosshairType="Full"
  <!-- ... -->
/>

See Also

DayPilot.Gantt.crosshairOpacity

DayPilot.Gantt.crosshairColor

DayPilot.Gantt Class