Example of Event Markers in React Gantt Component


This sample visualizes how to notify the important dates in the project timeline.

More Details...


In this example, the eventMarkers are used like a bookmark to show the different stages of the project life cycle. You can show the desired text on the date. The Event Markers model has the below properties to customize the marker:

  • cssClass: Used to assign external CSS styles to that particular marker.
  • day: Used to set date of the event marker.
  • label: The desired text can be shown on the vertical line using this property.
  • Gantt component features are segregated into individual feature-wise modules. To use a selection support and event markers we need to inject the Selection, DayMarkers modules.