Example of Zooming in ASP.NET Core Gantt Control

This sample demonstrates the timeline zooming feature in the Gantt Chart. Use the toolbar options to zoom in, zoom out, or adjust the timeline to fit all tasks within the available chart width.

DEMO

SOURCE

This sample demonstrates the timeline zooming functionality in the Gantt Chart. The toolbar provides built-in options to adjust the timeline scale and navigate project schedules at different levels of detail.

ZoomIn - Increases the timeline scale to display task details more closely.
ZoomOut - Decreases the timeline scale to provide a broader view of the project schedule.
ZoomToFit - Automatically adjusts the timeline so that all tasks are visible within the current chart area.

Zooming dynamically updates the timeline view mode and cell width, allowing project schedules to be viewed across different time spans, ranging from detailed task-level views to high-level project overviews.

More information on the Essential^® Gantt Chart can be found in this zooming documentation section.

Looking for the full ASP.NET Core Gantt Chart component overview, features, pricing, and documentation? Visit the ASP.NET Core Gantt Chart page.