Example of Baseline in Blazor Gantt Chart Component
This sample visualizes the complete service schedule for a car. Baselines are enabled to view the deviation between the planned dates and actual dates.
Task Id | Task Name | Start Date | End Date | Baseline Start Date | Baseline End Date |
|---|
| 1 | Project initiation | 4/2/2021 | 4/8/2021 | 4/2/2021 | 4/4/2021 |
| 2 | Identify site location | 4/2/2021 | 4/2/2021 | 4/2/2021 | 4/2/2021 |
| 3 | Perform soil test | 4/2/2021 | 4/8/2021 | 4/2/2021 | 4/6/2021 |
| 4 | Soil test approval | 4/8/2021 | 4/8/2021 | 4/8/2021 | 4/8/2021 |
| 5 | Project initiation | 4/2/2021 | 4/8/2021 | ||
| 6 | Identify site location | 4/2/2021 | 4/5/2021 | 4/2/2021 | 4/2/2021 |
| 7 | Perform soil test | 4/2/2021 | 4/7/2021 | 4/2/2021 | 4/3/2021 |
| 8 | Soil test approval | 4/2/2021 | 4/8/2021 | 4/2/2021 | 4/4/2021 |
| 9 | Market opportunity analysis | 4/2/2021 | 4/8/2021 | 4/2/2021 | 4/4/2021 |
| 10 | Competitor analysis | 4/2/2021 | 4/2/2021 | 4/2/2021 | 4/2/2021 |
| 11 | Product strength analysis | 4/2/2021 | 4/8/2021 | 4/2/2021 | 4/6/2021 |
| 12 | Research completed | 4/8/2021 | 4/8/2021 | 4/8/2021 | 4/8/2021 |
| 13 | Product design and development | 4/2/2021 | 4/8/2021 | 4/2/2021 | 4/6/2021 |
Mar 24, 2021 | Mar 28, 2021 | Apr 04, 2021 | Apr 11, 2021 | Apr 18, 2021 | Apr 25, 2021 | May 02, 2021 | May 09, 2021 | May 16, 2021 | May 23, 2021 | May 30, 2021 | Jun 06, 2021 | Jun 13, 2021 | Jun 20, 2021 | Jun 27, 2021 | Jul 04, 2021 |
W | T | F | S | S | M | T | W | T | F | S | S | M | T | W | T | F | S | S | M | T | W | T | F | S | S | M | T | W | T | F | S | S | M | T | W | T | F | S | S | M | T | W | T | F | S | S | M | T | W | T | F | S | S | M | T | W | T | F | S | S | M | T | W | T | F | S | S | M | T | W | T | F | S | S | M | T | W | T | F | S | S | M | T | W | T | F | S | S | M | T | W | T | F | S | S | M | T | W | T | F | S | S | M |
Baselines can be enabled in Gantt Chart by enabling the RenderBaseline property along with mapping the data source values for BaselineStartDate and BaselineEndDate properties of GanttTaskFields. The Baseline will appear for all types of tasks in the project such as child tasks, parent tasks, and also for milestones. You can change the color of baselines using BaselineColor property.
More information on baseline can be found in this documentation section.