月份标签换成 2026 年 11 月这种写法后,横轴 12 个标签斜着也压在一起,最右边那个被容器裁掉半截。乍看像缓存或者权限的锅,追下去往往不是。

grid: { left: 48, right: 24, bottom: 56 },
xAxis: { axisLabel: { interval: 'auto', rotate: 30 } }

追下去是这么回事:grid 用默认边距,绘图区几乎占满容器,标签没有旋转也没做省略。axisLabel 没设 interval,默认尝试全部显示。

碰到「ECharts 轴标签重叠」这类问题,我习惯先把当前配置原样备份一份,改坏了立刻换回来,不用现场推。测试环境和线上的差别,往往就在版本号和那几行被忽略的配置上。

线上出问题先对时间点,跟发布、备份、任务执行的时刻排一排,能省掉一半功夫。日志级别临时调高可以,记得改回去,长期开着既占磁盘又掩盖真问题。

权限不要一口气开到最大,先加到够用再往上试,范围小才好收。

具体做法是,缩短标签文案 月份只留数字;axisLabel 设 interval 为 auto 并旋转 30 度;给 grid 底部留出空间 避免长标签被裁。

验收就看一点,横轴每个月份标签都能完整读出,最右侧不再被裁。

作者 9823189