首页 前端知识 双Y轴设置零点刻度统一

双Y轴设置零点刻度统一

2024-11-05 23:11:37 前端知识 前端哥 535 697 我要收藏

在这里插入图片描述

echarts中通常用多个Y轴来表示不同量程的相关数据,由于量程不同数据不一致多个坐标的刻度也会有所不同,但根据用户需求,有时需要将两个刻度保持一致方便数据展示,具体实现方法如下:

//此处为简略方法,多y轴都加上max和min配置
 yAxis:[
 {
    max: value => {
          const {max, min} = value;
          const absMax = Math.max(Math.abs(max), Math.abs(min));
          return Math.ceil(absMax * 1.2);
      },
    min: value => {
          const {max, min} = value;
          const absMax = Math.max(Math.abs(max), Math.abs(min));
          return Math.floor(-absMax * 1.2);
      }
 }
 ]

转载请注明出处或者链接地址:https://www.qianduange.cn//article/20091.html
标签
评论
会员中心 联系我 留言建议 回顶部
复制成功!