echarts获取坐标轴的最大值

最近在做一个统计图需要用到Y轴坐标的最大值,并且这个最大值是由echarts自动生成的。本人查找资料良久,终于找到了一个解决方案,亲测可用,废话不多说,直接上代码:

myChart.setOption(option);
//获取Y轴的刻度范围
var rangeY = myChart.getModel().getComponent('yAxis').axis.scale._extent;
//获取X轴的刻度范围
var rangeX = myChart.getModel().getComponent('xAxis').axis.scale._extent;

分析上面代码,第一句就是大家熟悉的用指定的配置项和数据生成图表了。而后两句就是获取Y轴和X轴的刻度范围的方法,得到的结果是有2个元素的数组,如:[0,600],数组第一个元素为坐标轴的最小刻度,第二个元素为坐标轴的最大刻度。
注意如果坐标轴为类目轴。比如x轴数据为[‘南瓜’,‘西瓜’,‘哈密瓜’,‘黄瓜’],由于有4条记录,那么得到的范围就是这4条记录的最小下标和最大下标值,结果就是:[0,3]。

发布了3 篇原创文章 · 获赞 4 · 访问量 472

猜你喜欢

转载自blog.csdn.net/yixiongmao/article/details/104202890
今日推荐