区域缩放dataZoom (区域缩放)
1: dataZoom 用于区域缩放, 对数据范围的过滤, x轴和y 轴都可以拥有。
2: dataZoom 是一个数组, 意味着可以配置多个区域的缩放器。
3: 类型type:
slider: 为滑块。
inside: 内置, 依靠鼠标滚轮或者双指缩放
4: 指明产生作用的轴:
xAisIndex; 设置缩放组件控制的是哪一个x 轴, 一般写0 即可。
yAxisIndex: 设置缩放组件控制的是哪一个y 轴, 一般写 0 即可。
5: 指明初始状态的缩放比
start: 数据窗口范围的起始百分比。
end: 数据窗口范围的结束百分比。
--------------------------------------------------------
var option = {
dataZoom: [
{
type: 'slider', // 滑块模式
type: 'inside', // 坐标轴内部模式 // 代表x 轴
xAisIndex: 0 // 默认为0
},
{
type: 'slider',
xAisIndex: 0
start: 0, // 开始位置
end: 80 // 结束位置
}
]
}
坐标轴的区域缩放
最新推荐文章于 2022-06-09 21:56:00 发布