{{target: component-data-zoom-inside}}

dataZoom.inside(Object)

dataZoomInside

Data zoom component of inside type.

Refer to dataZoom for more information.

The inside means it's inside the coordinates.

• Translation: data area can be translated when moving in coordinates.
• Scaling:
  • PC: when mouse rolls (similar with touch pad) in coordinates.
  • Mobile: when touches and moved with two fingers in coordinates on touch screens.

type(string) = ‘inside’

{{use: partial-component-id(prefix=“#”)}}

disabled(boolean) = false

Whether disable inside zoom.

{{ use: partial-data-zoom-common( dataZoomName=‘dataZoom-inside’, galleryEditorPath=${galleryEditorPath}, galleryViewPath=${galleryViewPath} ) }}

zoomOnMouseWheel(boolean|string) = true

How to trigger zoom. Optional values:

• true：Mouse wheel triggers zoom.
• false：Mouse wheel can not triggers zoom.
• 'shift'：Holding shift and mouse wheel triggers zoom.
• 'ctrl'：Holding ctrl and mouse wheel triggers zoom.
• 'alt'：Holding alt and mouse wheel triggers zoom.

moveOnMouseMove(boolean|string) = true

How to trigger data window move. Optional values:

• true：Mouse move triggers data window move.
• false：Mouse move can not triggers data window move.
• 'shift'：Holding shift and mouse move triggers data window move.
• 'ctrl'：Holding ctrl and mouse move triggers data window move.
• 'alt'：Holding alt and mouse move triggers data window move.

moveOnMouseWheel(boolean|string) = false

How to trigger data window move. Optional values:

• true：Mouse wheel triggers data window move.
• false：Mouse wheel can not triggers data window move.
• 'shift'：Holding shift and mouse wheel triggers data window move.
• 'ctrl'：Holding ctrl and mouse wheel triggers data window move.
• 'alt'：Holding alt and mouse wheel triggers data window move.

preventDefaultMouseMove(boolean) = true

Whether to prevent default behavior of mouse move event.