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.
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. Injecting Module: Gantt component features are segregated into individual feature-wise modules. To use toolbar feature, inject the Toolbar module using the Gantt.Inject(Toolbar) method. More information on the Essential® JS2 Gantt Chart can be found in this zooming documentation section. Looking for the full JavaScript Gantt Chart component overview, features, pricing, and documentation? Visit the JavaScript Gantt Chart page.