//首先绘制图表
myChart.setOption(option);
//获取Y轴的刻度范围
var rangeY = myChart.getModel().getComponent('yAxis').axis.scale._extent;
//获取X轴的刻度范围
var rangeX = myChart.getModel().getComponent('xAxis').axis.scale._extent;
console.log(rangeX) //[0,374]
分析上面代码,第一句就是大家熟悉的用指定的配置项和数据生成图表了。而后两句就是获取Y轴和X轴的刻度范围的方法,得到的结果是有2个元素的数组,如:[0,374],数组第一个元素为坐标轴的最小刻度,第二个元素为坐标轴的最大刻度。
如果有需要还可以修改参数后再次绘制真实图表,我是根据比例调整了图表,如图所示:
注意:如果坐标轴为类目轴。比如x轴数据为[‘南瓜’,‘西瓜’,‘哈密瓜’,‘黄瓜’],由于有4条记录,那么得到的范围就是这4条记录的最小下标和最大下标值,结果就是:[0,3]。