echarts datazoom silder 组件纵轴选择的区间怎么获得
时间: 2024-03-03 22:53:48 浏览: 142
手动封装silder双向滑块组件
您可以通过监听 `dataZoom` 组件的 `brushSelected` 事件来获取选择的区间。这个事件会在用户选择区间时触发,传递一个对象作为参数,对象中包含了选择的区间的起始和结束位置。您可以通过以下代码来实现:
```javascript
myChart.on('dataZoom', function(params) {
if (params.batch && params.batch.length > 0) {
var rangeStart = params.batch[0].start; // 选择区间的起始位置
var rangeEnd = params.batch[0].end; // 选择区间的结束位置
console.log("选择的区间为:" + rangeStart + " 到 " + rangeEnd);
}
});
```
需要注意的是,上面的代码中的 `myChart` 是您创建的 ECharts 实例。如果您需要在选取区间之外的地方显示区间范围,则需要在 `brushSelected` 事件外部定义一个变量存储选取的区间,并在需要显示的地方使用该变量的值。
阅读全文