ECharts 双y轴时如何处理0刻度线对齐的问题

ECharts 多y轴时如何处理0刻度线对齐的问题

用echarts做双(多)轴时发现其中某轴有负数时0刻度线不对齐。

解决

首先判断是否有负数

javascript 复制代码
const hasNegative = Math.min(...seriesData[0], ... seriesData[1]);

如果有的话,我的配置是这样的

javascript 复制代码
yAxis: {
    type: 'value',
    max: value => {
        const { max, min } = value;
        const absMax = Math.max(Math.abs(max), Math.abs(min));
        return Math.floor(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);
    } 
}

最后效果

相关推荐
To_OC几秒前
从一段定时器代码,重新捋清 JS 同步、异步与 Promise
前端·javascript·代码规范
持敬chijing2 分钟前
Web渗透之前后端漏洞-XSS漏洞原理攻击防御全流程
前端·安全·web安全·网络安全·网络攻击模型·安全威胁分析·xss
程序员黑豆9 分钟前
AI全栈开发 - Java:注释
前端·后端·ai编程
痕忆丶18 分钟前
Typora 的替代marktext,marktext切换中文
前端
拙慕JULY23 分钟前
小程序返回 base64 文件报错
开发语言·javascript·小程序
数据知道25 分钟前
字体与排版防线:ClientRects 与系统字体枚举的底层拦截与伪造
javascript·数据采集·指纹浏览器·风控·浏览器指纹
羊羊小栈30 分钟前
Uplift营销供应链协同决策系统(基于Uplift因果推断与运筹优化算法)
前端·人工智能·算法·毕业设计·大作业
阿猫的故乡32 分钟前
Vue组合式函数(Composables)从入门到实战:鼠标跟踪、请求封装、本地存储……全案例拆解
前端·vue.js·计算机外设
Upsy-Daisy38 分钟前
Hermes Agent 学习笔记 02:安装、配置与第一次运行
java·前端·数据库
一壶纱44 分钟前
一个用于 UniApp 项目的 Pinia 持久化插件
前端·javascript·vue.js