New to Kendo UI for Vue? Start a free 30-day trial

Panning and Zooming

The Chart enables the user to view specific ranges by applying panning and zooming to the component.

To enable panning, set the pannable option. You can also lock the X or Y axis by setting the nested lock attribute.

To enable zooming, set the zoomable option. You can also fine-tune the mouse-wheel and selection during zooming by setting the nested mousewheel and selection properties.

The following example demonstrates how to zoom in data for a specific period of time by using the SHIFT key and by mouse-dragging the Region Selection on mouse-enabled devices. To zoom in and out, use the mouse-wheel.

View Source
Edit In Stackblitz  
Change Theme:

In this article

Not finding the help you need?