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);
    } 
}

最后效果

相关推荐
默_笙25 分钟前
🔥 让 AI 帮我写完整个 Next.js 博客:框架就是 AI 的"上下文 buff"
前端·javascript
牧艺41 分钟前
登录页还在用渐变?我一口气做了 5 个能摸的背景动效:吹蒲公英、滴墨染水、点熔岩闷裂
前端·canvas·交互设计
陆枫Larry42 分钟前
状态机简介
前端
陆枫Larry1 小时前
一次登录问题排查:接口没错,错的是旧业务逻辑
前端
小小小小宇1 小时前
大模型打分与采样原理,以及 Pi Agent 核心原理
前端
张人玉2 小时前
基于 Python 机器学习 与 PyQt5 桌面框架开发的可视化分析系统——基于大数据的网上购物消费行为分析可视化大屏
python·qt·机器学习·echarts·three.js
一位正在转型AI全栈的前端工程师2 小时前
AI 全栈学习之旅 -Week 5:RAG 知识库问答系统:从零到生产级部署的全栈实践总结
前端·python
光影少年2 小时前
react navite 安卓iOS 打包、签名、环境区分
前端·react native·react.js
coderCN2 小时前
Nodejs 第三十四章 数据库(表达式和函数、子查询和连表)
前端·node.js
ssshooter3 小时前
AI 时代你不能不知道的 git worktree
前端·后端·面试