A Gantt chart is a project management visualization that plots tasks along a horizontal timeline, making schedule deviations immediately visible. AnyChart JS supports baseline bars so you can compare original plans against actual execution directly on the same row.
This planned-vs-actual project Gantt sample loads JSON data and displays baseline timing alongside actual task execution. Baseline Start and Baseline End columns are added to the data grid with custom date-time formatting. Parent rows receive bold italic labels through a labels overrider, baseline bars are placed above task rows, and both regular and baseline milestone previews are enabled. The chart is zoomed to a selected project phase for focused comparison.
Follow the step-by-step Gantt Chart Tutorial to learn how such charts are built. See the Gantt Chart documentation for all configuration options.