echarts实现获取datazoom的起始值的方法-创新互联

创新互联www.cdcxhl.cn八线动态BGP香港云服务器提供商,新人活动买多久送多久,划算不套路!

创新互联从2013年创立,先为顺庆等服务建站,顺庆等地企业,进行企业商务咨询服务。为顺庆企业网站制作PC+手机+微官网三网同步一站式服务解决您的所有建站问题。

这篇文章主要讲解了echarts实现获取datazoom的起始值的方法,内容清晰明了,对此有兴趣的小伙伴可以学习一下,相信大家阅读完之后会有帮助。

我就废话不多说了,大家还是直接看代码吧~

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的起始值
//结束

网页名称:echarts实现获取datazoom的起始值的方法-创新互联
文章分享:http://bzwzjz.com/article/cdiepi.html

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: 手机网站制作 成都网站设计公司 网站设计制作报价 网站制作 成都网站设计 网站建设公司 成都定制网站建设 成都网站制作 专业网站建设 企业网站设计 定制网站建设 成都网站建设 成都网站制作 成都网站制作公司 成都网站建设 成都网站建设 成都网站设计 高端网站设计推广 响应式网站建设 成都网站制作 成都响应式网站建设 成都网站设计