setOptiondataZoom

绘图区内滚轮缩放、拖拽平移。默认开启。双击恢复全图。

调用

chart.setOption({
    dataZoom: {
        show: true,
        scaleExtent: [1, 10]
    }
})

缩放只改当前看见的范围，不会改轴上的 min / max。当前范围用 getView() 读取。

字段

字段	说明	类型	可选值	默认
show	是否启用滚轮与拖拽	boolean	true / false	true
type	目前只做绘图区内手势	string	inside	inside
x	是否缩放横轴	boolean	true / false	true
y	是否缩放纵轴	boolean	true / false	true
scaleExtent	缩放倍数 [最小, 最大]。1 为全图	[number, number]	—	[1, 10]
damping	平移惯性与滚轮缓动。true 全开；也可 { pan, zoom } 分项	boolean / object	true / false	false

联动

变更会触发 datazoom。

chart.on('datazoom', view => {})
chart.dispatchAction({ type: 'dataZoom', xMin, xMax, yMin, yMax })
chart.dispatchAction({ type: 'dataZoomReset' })

dataZoom 动作里的时间与 dateTime 同一写法。

在线示例

在线体验见 示例 · 缩放配置。