Available in the Full Version

Data Chart - Chart Navigation

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.
Interactions Vertical Zooming
Default Enable Zooming
Pan Modifier Zoom
Drag Modifier Horizontal Zooming
Overview Plus Detail Pane Enable Zooming
Enable Pane Zoom

This sample is designed for a larger screen size.

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

Code View

Copy to Clipboard