This sample demonstrates how to highlight and notify important dates within a project timeline using the Gantt Chart component.
In this example, eventMarkers act as visual bookmarks to indicate key milestones or stages in the project life cycle. Each marker can display descriptive text on the corresponding date, making it easier to track progress and deadlines. The Event Markers provides several properties to customize the appearance and behavior of markers: cssClass: Apply custom CSS styles to a specific marker. day: Define the exact date for the event marker. label: Display text along the vertical line to describe the event. top: Adjust the vertical position of the marker from the chart pane's content top to avoid overlap when multiple markers share the same date. Injecting Module: The Gantt Chart component is modular, with features separated into individual modules. To enable selection support and event markers, inject the Selection and DayMarkers modules using Gantt.Inject(Selection) and Gantt.Inject(DayMarkers) method. More information on the Essential® JS2 Gantt Chart can be found in this documentation section.