Blazor Gantt Chart Example - Baseline Comparison
This demo passes automated axe checks with 0 violations — semantic markup, ARIA, full keyboard operation, visible focus. Section 508 conformant
Accessibility report
VPAT
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 |
This sample demonstrates a complete car service schedule using the Blazor Gantt Chart, highlighting how baselines can be used to compare planned and actual task dates.
Baselines help track deviations between the original schedule and actual progress. In the Gantt Chart component, baselines can be enabled by setting the RenderBaseline property to true. Additionally, you must map the baseline data using the BaselineStartDate and BaselineEndDate properties within GanttTaskFields.
Once configured, baselines are displayed for all task types including child tasks, parent tasks, and milestones providing a clear visual reference for schedule variance. You can customize the appearance of baselines using the BaselineColor property to match your project's visual theme.
For further details, refer to the documentation.