echarts获取datazoom的起始值（包括x轴和y轴）

最新推荐文章于 2025-06-25 15:25:33 发布

张萌2018

最新推荐文章于 2025-06-25 15:25:33 发布

阅读量6.1k

点赞数 3

CC 4.0 BY-SA版权

分类专栏：代码文章标签： echarts datazoom

本文链接：https://blog.youkuaiyun.com/MengRui2333/article/details/98944170

代码专栏收录该内容

27 篇文章

订阅专栏

本文介绍如何使用ECharts的dataZoom组件实现图表的动态缩放，并从缩放后的图表中提取数据区间，包括起始和结束的X轴值、Y轴的最小最大值，以及这些值在原始数据中的位置。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

let option = {} //你的echarts图表的配置，这里我就不贴我的了
myChart.setOption(option);
//开始
let startValue = myChart.getModel().option.dataZoom[0].startValue;
let endValue = myChart.getModel().option.dataZoom[0].endValue;
let start = myChart.getModel().option.xAxis[0].data[startValue];//起始X轴
let end = myChart.getModel().option.xAxis[0].data[endValue];//结束X轴

let startNum = obj.enddate.indexOf(start);
let endNum = obj.enddate.indexOf(end);
let arr = [];
for(let i = startNum;i <= endNum;i++){
   arr.push(obj.value[i]);
}
let max = Math.max.apply(null, arr);
let min = Math.min.apply(null, arr);

let ystartValue = myChart.getModel().option.dataZoom[1].startValue;//y轴datazoom最小值
let yendValue = myChart.getModel().option.dataZoom[1].endValue;//y轴datazoom最大值
let de = yendValue - ystartValue;//总区间数值大小
let minbili = (min-ystartValue)/de*100;
let maxbili = (max-ystartValue)/de*100;
this.min_max.push([Math.floor(minbili),Math.ceil(maxbili)]);//得到y轴datazoom的起始值
//结束