BootstrapChart.SettingsZoomAndPan Property
Configures zooming and panning.
Namespace: DevExpress.Web.Bootstrap
Assembly: DevExpress.Web.Bootstrap.v24.1.dll
NuGet Package: DevExpress.Web.Bootstrap
Declaration
[PersistenceMode(PersistenceMode.InnerProperty)]
public BootstrapChartZoomAndPanSettings SettingsZoomAndPan { get; }Property Value
| Type | Description |
|---|---|
| BootstrapChartZoomAndPanSettings | An object of the BootstrapChartZoomAndPanSettings class. |
Remarks
You can enable zooming and panning for the argument and value axes independently. Specify the BootstrapChartZoomAndPanSettings.ArgumentAxis and BootstrapChartZoomAndPanSettings.ValueAxis properties to enable zooming, panning, or both for a specific axis (ChartZoomAndPanMode Enumeration).
Users can use the mouse and touch gestures to zoom and pan. The following table illustrates user interaction:
Device | Zooming Gestures | Panning Gestures |
|---|---|---|
Touch-enabled | Spread and pinch | Vertical or horizontal drag |
Mouse-equipped | Mouse Wheel for the argument axis; Shift + Mouse Wheel for the value axis | Vertical or horizontal drag |
You can use the BootstrapChartZoomAndPanSettings.AllowTouchGestures or BootstrapChartZoomAndPanSettings.AllowMouseWheel property to disable touch or mouse support.
Note
Users can also use the mouse to zoom the chart by selecting an area with the drag gesture. Refer the BootstrapChartZoomAndPanSettings.DragToZoom property for more information.