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

双Y轴设置零点刻度统一

2024-11-05 23:11:37 前端知识 前端哥 573 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
标签
评论
发布的文章

前端:HTML

2025-02-23 11:02:50

CSS3快速入门

2025-02-23 11:02:48

CSS3——transform属性

2025-02-23 11:02:46

React【vite使用模块化css】

2025-02-23 11:02:44

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!