EventMarkerDirective

16 Dec 20251 minute to read

e-event-markers directive represent a event marker collection in Gantt.
It must be contained in a Gantt component(ejs-gantt).

<ejs-gantt [dataSource]='data' allowSelection='true' allowSorting='true'>
  <e-event-markers>
    <e-event-marker day='02/10/2018' label='Project Starts'></e-event-marker>
  </e-event-markers>
</ejs-gantt>

Properties

cssClass any

Specifies a custom CSS class for the event marker.
This can be used to apply custom styles to the line and label of the marker.

Defaults to null

day any

Specifies the date or day of the event marker.
The value can be a Date object or a date string.

Defaults to null

label any

Specifies the label for the event marker.

Defaults to null

top any

Vertical offset of the label from the timeline top.
Must be in pixels (e.g., ‘50px’). Invalid values default to ‘50px’.
Negative values are normalized to ‘50px’.

Defaults to ‘50px’