New to Kendo UI for VueStart 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 Shift key 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 ...
In this article
Disabling Pan-and-Zoom DirectionSuggested Links
Not finding the help you need?
Contact Support