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

最后效果

相关推荐
嫣嫣细语7 分钟前
css实现鼠标禁用(鼠标滑过显示红色禁止符号)
前端·css
Days205011 分钟前
web前端主要包括哪些技术
前端
NaRciCiSSuS29 分钟前
第一章-JavaScript简介
开发语言·javascript·ecmascript
XF鸭35 分钟前
HTML-CSS 入门介绍
服务器·前端·javascript
forwardMyLife1 小时前
element-plus 的form表单组件之el-radio(单选按钮组件)
前端·javascript·vue.js
fs哆哆1 小时前
ExcelVBA运用Excel的【条件格式】(二)
linux·运维·服务器·前端·excel
安冬的码畜日常2 小时前
【CSS in Depth 2精译】2.5 无单位的数值与行高
前端·css
ilisi_2 小时前
导航栏样式,盒子模型
前端·javascript·css
吉吉安2 小时前
grid布局下的展开/收缩过渡效果【vue/已验证可正常运行】
前端·javascript·vue.js
梦凡尘2 小时前
Vue3 对跳转 同一路由传入不同参数的页面分别进行缓存
前端·javascript·vue.js