Example of Baseline Template in ASP.NET MVC Gantt Chart Control

This sample demonstrates the usage of the baseline template feature in the Gantt Chart component. It showcases how multiple baseline timelines can be rendered within a single task, enabling comparison of different planned schedules in one view.

DEMO
SOURCE

In this example, the Gantt Chart visualizes a product launch workflow with multiple baseline representations enabled. Each task includes up to three baseline bars, sourced from custom baseline fields, allowing you to compare various planning iterations such as initial plan, revised plan, and final baseline.

The baselineTemplate property is used to customize the rendering of baseline bars. Using this template, you can fully control the appearance, styling, and structure of each baseline, including colors, positioning, and shapes. This flexibility makes it easy to adapt baseline visualization based on specific project requirements.

The template also supports rendering for both regular tasks and milestones, providing a consistent visual comparison across all task types.

This approach helps project managers effectively analyze deviations between planned and actual schedules, identify delays, and make informed decisions across different phases of the project lifecycle.

More information on the Essential® ASP.NET MVC Gantt Chart can be found in this documentation section.

Transform your ASP.NET MVC web apps today with Syncfusion® ASP.NET MVC components
145+ high-performance and responsive UI components
Dedicated support
Hassle-free licensing
TRY IT FOR FREE
opens in a new tab