AnyChart JavaScript Gantt Chart lets you add range, line, and text markers to the timeline, overlaying important events directly on the schedule.
This sample builds a resource Gantt chart and places three distinct event markers on the timeline: a shaded range marker highlighting a multi-day conference, a vertical line marker for a robotics exhibition opening night, and a second line marker for a robotics competition. Each line and range marker is paired with a rich HTML text marker that displays the event name in a styled, color-coded label.
See the Gantt Chart documentation for all configuration options.