要实现强制分为指定段数,并且对齐刻度,需要用的配置分别为yAxis的max、min、interval
echarts5.3有个配置项alignTicks,在多个 y 轴为数值轴的时候,可以开启该配置项自动对齐刻度。只对[crayon-681a329b56063980920475-i/]和[crayon-681a329b56066391470647-i/]类型的轴有效。实际使用中,发现在双轴数据格式不同,且数值相差巨大的时候,达不到理想状态下的均分效果。
以下方法实现了,包含0刻度,且均分为指定段数,并且对齐左右刻度:
将max、min、interval配置到对应yAxis后,得到如下效果:
可以看出,已经实现了强制包含0刻度,并且均分为5段,左右刻度对齐。
但是美中不足的是,0刻度没有对齐,下面进一步优化,实现0刻度对齐:
[crayon-681a329b5606a914266198/]
通过上述方法,实现了多数情况下的0刻度对齐,但是仍旧存在不对齐的情况,后续再做探究。
The post echarts双Y轴,实现均分为包含刻度0的指定段数,同时对齐刻度 appeared first on SKILL.NULL.