dataZoom: [ { type: 'inside', xAxisIndex: [0, 1], start: 90, end: 100 }, { show: true, xAxisIndex: [0, 1], type: 'slider', top: '89%', start: 90, end: 100 } ],
时间: 2023-06-26 22:10:34 浏览: 153
sho:实验后框架视图库
这是一个 ECharts 图表库中用于实现数据缩放功能的配置项,其中包含了两个部分:
1. `type: 'inside'`,表示内部数据缩放功能,当鼠标在图表上滚动时,可以通过控制 `start` 和 `end` 属性来动态调整数据显示范围,即缩放比例。`xAxisIndex` 表示缩放作用的 x 轴坐标轴索引,可以是一个数组,表示同时作用于多个坐标轴。
2. `type: 'slider'`,表示使用滑动条来实现数据缩放,可以通过 `start` 和 `end` 属性设置默认显示区间,也可以通过滑动来动态调整。`top` 表示滑动条距离容器顶部的距离,单位可以是像素或百分比,这里设置为 `'89%'`,表示距离容器顶部的距离为容器高度的 89%。`xAxisIndex` 同样表示滑动条作用的 x 轴坐标轴索引,也可以是一个数组。
阅读全文