Available in the Full Version

Data Chart > Chart Navigation

Interactions Vertical Zooming
Default Enable Zooming
Pan Modifier Zoom
1.0000
Drag Modifier Horizontal Zooming
Overview Plus Detail Pane Enable Zooming
Enable Pane Zoom
1.0000

This sample is designed for a larger screen size.


On mobile, try rotating your screen, view full size, or email to another device.

This sample demonstrates various navigation methods available in the jQuery chart. Panning and zooming through the control’s content can be performed using built-in keyboard navigation (Arrows, Page Up/Down, Home key), built-in mouse navigation (Shift + mouse drag, mouse scroll, mouse down + mouse drag), and the overview plus detail pane, as well as from code-behind using the control's window position and scale properties.

Code View

Copy to Clipboard