IT博客汇
  • 首页
  • 精华
  • 技术
  • 设计
  • 资讯
  • 扯淡
  • 权利声明
  • 登录 注册

    echarts双Y轴,实现均分为包含刻度0的指定段数,同时对齐刻度

    SKILLNULL发表于 2025-04-15 02:23:48
    love 0

    要实现强制分为指定段数,并且对齐刻度,需要用的配置分别为yAxis的max、min、interval

    echarts5.3有个配置项alignTicks,在多个 y 轴为数值轴的时候,可以开启该配置项自动对齐刻度。只对[crayon-681a329b56063980920475-i/]和[crayon-681a329b56066391470647-i/]类型的轴有效。实际使用中,发现在双轴数据格式不同,且数值相差巨大的时候,达不到理想状态下的均分效果。

    以下方法实现了,包含0刻度,且均分为指定段数,并且对齐左右刻度:

    [crayon-681a329b56068189162180/]

     

    将max、min、interval配置到对应yAxis后,得到如下效果:

    可以看出,已经实现了强制包含0刻度,并且均分为5段,左右刻度对齐。

    但是美中不足的是,0刻度没有对齐,下面进一步优化,实现0刻度对齐:
    [crayon-681a329b5606a914266198/]
    通过上述方法,实现了多数情况下的0刻度对齐,但是仍旧存在不对齐的情况,后续再做探究。

    The post echarts双Y轴,实现均分为包含刻度0的指定段数,同时对齐刻度 appeared first on SKILL.NULL.



沪ICP备19023445号-2号
友情链接