Example of Event Markers in ASP.NET MVC Gantt Chart Control

This sample demonstrates how to highlight and notify important dates within a project timeline using the Gantt Chart component.

DEMO
SOURCE

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.

    • More information on the Essential® ASP.NET MVC Gantt Chart can be found in this documentation section.

    Transform your ASP.NET MVC web apps today with Syncfusion® ASP.NET MVC components
    145+ high-performance and responsive UI components
    Dedicated support
    Hassle-free licensing
    TRY IT FOR FREE
    opens in a new tab