Example of Baseline in Javascript Gantt Chart Control

/
/
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

More Details...

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

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 baselineColor property. Injecting Module: Gantt control features are segregated into individual feature-wise modules. To use a selection, inject the Selection module using the Gantt.Inject(Selection) method.