Apache Echarts X轴值小于0时Y轴刻度不可见问题求助

问题根源 #

你的问题核心是Y轴轴线默认绑定到X轴的0点（axisLine.onZero: true），导致：

• 当X轴存在负值时，Y轴刻度被挤压到图表可视区域外，无法正常显示；
• X=0位置的黑线就是绑定到该点的Y轴轴线及刻度，不符合预期展示逻辑。

具体解决方案 #

针对这两个问题，只需调整Y轴及相关配置项：

1. 让Y轴刻度在X负值区域正常显示
   将Y轴的axisLine.onZero设为false，使Y轴轴线固定在图表左侧，刻度也会随之显示在可视区域内。同时可配合调整grid.left预留足够空间，确保刻度完全展示：

yAxis: {
  type: 'value',
  axisLine: {
    onZero: false // 关键配置：取消Y轴与X轴0点的绑定
  },
  axisLabel: {
    // 保留你原有配置如formatter等
  }
},
grid: {
  left: '15%', // 适当增大左侧空间，避免刻度被截断
  containLabel: true
}

2. 消除X=0位置的异常黑线
   设置axisLine.onZero: false后，X=0处的Y轴轴线会自动消失。如果该黑线是X轴的分割线，可额外关闭X轴的splitLine：

xAxis: {
  type: 'value',
  splitLine: {
    show: false // 关闭X轴分割线，移除X=0处的多余线条
  }
}

效果验证 #

调整完成后，Y轴刻度会正常显示在图表左侧，覆盖X轴负值区域；X=0位置的异常黑线也会消失，图表展示符合预期。

内容的提问来源于stack exchange，提问作者Yash1th