New to Kendo UI for Vue? Start a free 30-day trial
Panning and Zooming
Updated over 6 months ago
The Chart enables the user to change the displayed range by panning and zooming.
Panning is performed by dragging over the plot area.
Zooming is performed by either:
- Mouse-wheeling on desktop or pinch zoom on mobile, or
- Holding the
Shiftkey and selecting an area.
To enable the pan-and-zoom functionality, use the pannable and zoomable options.
Change Theme
Theme
Loading ...
Disabling Pan-and-Zoom Direction
You can prevent panning and zooming for an axis by using the lock configuration. To disable pan-and-zoom in the vertical direction, set the pannable.lock, zoomable.mouoswheel.lock, and zoomable.selection.lock options to 'y'. To disable pan-and-zoom in the horizontal direction, set the pannable.lock, zoomable.mouoswheel.lock, and zoomable.selection.lock options to 'x'.
Change Theme
Theme
Loading ...