退款金额是 -3200 元,柱子从图表顶端往下画,和正值柱不在一条基线上,数字标签压着横轴看不清。碰到这种情况,我一般先确认改动有没有真的生效。
原因不复杂,yAxis 没显式设零点位置,数据含负值时零点被挤到顶部。柱状图的 label 仍用 top,负柱标签就落在基线上。
「ECharts 负值柱状图」这类改动最怕改一半,回滚脚本先准备好,再动生产。报错里带路径的,先去看那个路径在不在、权限对不对。
yAxis: { type: 'value' },
markLine: { data: [{ yAxis: 0 }] }
同一份配置存在多处的,先确认改的是被加载的那一份。新版本先放一台机器上跑一天再全量,问题一般在这段时间暴露。
备份不是备了就行,恢复一次才算数,很多备份文件打开才发现是空的。接口问题先分清是没发出去、发出去了没收到,还是收到了处理失败。
具体做法是,确认 yAxis 零点居中 轴范围覆盖正负两边;负值柱的 label 位置改成 bottom;加一条 0 值参考线区分正负区间。
最后用这个标准收尾,负值柱从零线向下长,0 值参考线横贯图表,标签不再压轴线。
