左边订单量分 5 段右边金额分 4 段,两条折线各走各的,横向网格线在中间错开半格,读图时对不齐同一时刻。日志里能对上时间点,这种反而好排。

两个 yAxis 各自按数据范围分刻度,段数不一样,网格线自然对不齐。splitNumber 没有统一。这一点先确认清楚,后面就不用反复试。

yAxis: [
  { type: 'value', splitNumber: 5, alignTicks: true },
  { type: 'value', splitNumber: 5, alignTicks: true }
]

围绕「ECharts 双轴刻度」排查时,命令行跑一遍比在面板里点十次有用,面板会替你做掉不少隐式操作。线上出问题先对时间点,跟发布、备份、任务执行的时刻排一排,能省掉一半功夫。

日志级别临时调高可以,记得改回去,长期开着既占磁盘又掩盖真问题。权限不要一口气开到最大,先加到够用再往上试,范围小才好收。

把复现步骤压到三条以内,交给同事也能跑出来,才算真的定位清楚。

处理上按这个顺序:给两个轴设相同的 splitNumber;打开 alignTicks 让刻度自动对齐;确认左右轴的最大最小值落在同一组刻度上。

结果对不对很好判断,左右网格线连成一条直线,同一水平位置能读到两个值。

作者 9823189