OverrideInteractionMouseButtons | LightningChart® JS API Documentation

Interface for overriding mouse buttons that trigger user interactions.

Can be supplied along LightningChartOptions before creating any chart or series, when initiating the lightningChart function:

 const lcjs = lightningChart({
     overrideInteractionMouseButtons: {
         chartXYPanMouseButton: 0, // LMB
         chartXYRectangleZoomFitMouseButton: 2, // RMB
     }
 })

 // Create charts...
 const chart = lcjs.ChartXY()

Index

Properties

Optional axisXYPanMouseButton

axisXYPanMouseButton : undefined | number

Override mouse button that activates panning action when dragging over ChartXY Axis.

By default Right Mouse Button (2).

Left Mouse Button = 0
Middle Mouse Button = 1
Right Mouse Button = 2

Optional axisXYZoomMouseButton

axisXYZoomMouseButton : undefined | number

Override mouse button that activates zooming action when dragging over ChartXY Axis.

By default Left Mouse Button (0).

Left Mouse Button = 0
Middle Mouse Button = 1
Right Mouse Button = 2

Optional chartXYPanMouseButton

chartXYPanMouseButton : undefined | number

Override mouse button that activates panning action when dragging over ChartXY series background.

By default Right Mouse Button (2).

Left Mouse Button = 0
Middle Mouse Button = 1
Right Mouse Button = 2

Optional chartXYRectangleZoomFitMouseButton

chartXYRectangleZoomFitMouseButton : undefined | number

Override mouse button that activates rectangle zoom / fit actions when dragging over ChartXY series background.

By default Left Mouse Button (0).

Left Mouse Button = 0
Middle Mouse Button = 1
Right Mouse Button = 2