Example of Baseline in ASP.NET Core Gantt Chart Control

Gantt Chart
Scheduling Concepts
Baseline

This sample visualizes the complete service schedule for a car. Baselines are enabled to view the deviation between the planned dates and actual dates.

Receive vehicle and create job card
10:00 AM10:00 AM10:00 AM10:00 AM
Allot mechanic and send vehicle to service bay
10:00 AM10:15 AM10:15 AM10:20 AM
Change the receive vehicle and create job cardengine oil
10:15 AM10:45 AM10:20 AM10:35 AM
Replace the oil filter
10:45 AM11:15 AM10:35 AM11:00 AM
Replace the air filter
10:45 AM11:15 AM10:35 AM11:00 AM
Replace the fuel filter
11:15 AM11:25 AM11:00 AM11:20 AM
Replace the cabin filter
11:00 AM11:30 AM11:00 AM11:25 AM
Replace the spark plugs
11:00 AM11:30 AM11:25 AM11:45 AM
Check level and refill brake fluid/clutch fluid
11:20 AM11:40 AM11:30 AM11:50 AM
Check Brake Pads/Liners, Brake Discs/Drums, and replace if worn out
11:40 AM12:00 PM11:50 AM12:20 PM
Check level and refill power steering fluid
11:40 AM12:00 PM12:00 PM12:15 PM
Grease and lubricate components
12:20 PM12:35 PM12:20 PM12:45 PM
Inspect and replace the timing belt or timing chain if needed
12:35 PM01:00 PM12:45 PM01:00 PM
Wheel balancing
01:00 PM01:20 PM01:00 PM01:45 PM
Wheel alignment
01:20 PM01:45 PM01:45 PM02:45 PM
Check for proper operation of all lights, wipers etc
01:50 PM02:30 PM02:45 PM03:30 PM
Check for any Error codes in the ECU and take corrective action
02:30 PM03:30 PM03:30 PM04:15 PM
Use scan tool read trouble code
03:30 PM04:45 PM04:15 PM04:45 PM
Exterior washing
04:45 PM05:15 PM04:45 PM05:30 PM
Interior vacuuming
05:15 PM05:45 PM05:30 PM06:00 PM
Final service inspection
05:45 PM06:00 PM06:00 PM06:30 PM
Vehicle handover
06:00 PM06:00 PM06:30 PM06:30 PM

The baseline feature enables the user to view the deviation between the planned dates and the actual dates of the tasks in a project. Baselines can be enabled in Gantt chart by enabling the renderBaseline property along with mapping the data source values for baselineStartDate and baselineEndDate properties. The baseline will appear for all type of tasks in the project such as child tasks, parent tasks and also for milestones. You can change the color for the baselines using the baselineColor property.

Transform your ASP.NET Core web apps today with Syncfusion® ASP.NET Core components
85+ high-performance and responsive UI components
Dedicated support
Hassle-free licensing
TRY IT FOR FREE
opens in a new tab
Documentation
opens in a new tab
Forum
opens in a new tab
Blog
opens in a new tab
Copyright © 2001 - 2025 Syncfusion® Inc.