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

最后效果

相关推荐
hoLzwEge5 小时前
node-linker VS shamefully-hoist
前端·前端框架
袋鱼不重5 小时前
解决 Web 端图片预览与下载颜色不一致的一种工程方案
前端·后端
风止何安啊5 小时前
教你用 JS + AI 实现简单的爬虫,零门槛爬取网页信息
前端
cidy_985 小时前
codebase-memory-mcp 新手完全教程:让 AI 真正「理解」你的代码库
前端
牛奶5 小时前
HTTPS你不知道的事
前端·https·浏览器
小小小小宇6 小时前
前端 Vue 如何避免不必要的子组件渲染全解析
前端
cidy_986 小时前
codebase-memory-mcp 安装教程
前端
mt_z6 小时前
Webpack 与 Vite 完全指南
前端
灏仟亿前端技术团队6 小时前
B 端多弹窗越来越难维护?试试把弹窗交互 Promise 化
前端
奇奇怪怪的6 小时前
向量数据库选型与生产级实战
前端