Panning and Zooming
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.
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.mousewheel.lock
, and zoomable.selection.lock
options to 'y'
. To disable pan-and-zoom in the horizontal direction, set the pannable.lock
, zoomable.mousewheel.lock
, and zoomable.selection.lock
options to 'x'
.
Setting Mousewheel Zoom Rate
By default, one click on the mousewheel will expand or contract the axis ranges by 30%. To set the zoom rate to a different value, set the rate
to a number in the range from 0.01 to 0.9 (1% to 90%).