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.
Example
View Source
Change Theme:
