Skip to main content

BootstrapChartZoomAndPanSettings Class

Configures zooming and panning.

Namespace: DevExpress.Web.Bootstrap

Assembly: DevExpress.Web.Bootstrap.v24.1.dll

NuGet Package: DevExpress.Web.Bootstrap

Declaration

public class BootstrapChartZoomAndPanSettings :
    JsonCollectionItem

The following members return BootstrapChartZoomAndPanSettings objects:

Remarks

You can enable zooming and panning for the argument and value axes independently. Set the BootstrapChartZoomAndPanSettings.ArgumentAxis and BootstrapChartZoomAndPanSettings.ValueAxis properties to true to enable zooming, panning, or both for a specific axis.

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.

Inheritance

Object
StateManager
CollectionItem
DevExpress.Web.Bootstrap.Internal.JsonCollectionItem
BootstrapChartZoomAndPanSettings
See Also