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

最后效果

相关推荐
蓝瑟忧伤3 小时前
前端技术新十年:从工程体系到智能化开发的全景演进
前端
Baklib梅梅4 小时前
员工手册:保障运营一致性与提升组织效率的核心载体
前端·ruby on rails·前端框架·ruby
IT_陈寒4 小时前
Redis性能翻倍的5个冷门技巧,90%开发者都不知道第3个!
前端·人工智能·后端
T***u3335 小时前
前端框架在性能优化中的实践
javascript·vue.js·前端框架
jingling5556 小时前
vue | 在 Vue 3 项目中集成高德地图(AMap)
前端·javascript·vue.js
油丶酸萝卜别吃6 小时前
Vue3 中如何在 setup 语法糖下,通过 Layer 弹窗组件弹出自定义 Vue 组件?
前端·vue.js·arcgis
J***Q29212 小时前
Vue数据可视化
前端·vue.js·信息可视化
ttod_qzstudio14 小时前
深入理解 Vue 3 的 h 函数:构建动态 UI 的利器
前端·vue.js
芳草萋萋鹦鹉洲哦14 小时前
【elemen/js】阻塞UI线程导致的开关卡顿如何优化
开发语言·javascript·ui
_大龄14 小时前
前端解析excel
前端·excel