You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何在Apache ECharts中仅保留Y轴最值标签隐藏其余标签?

Apache ECharts 对数Y轴仅显示指定标签解决方案

首先,你需要显式设置Y轴的max为625——这是解决最大值异常的关键,否则ECharts会自动根据数据范围推算最大值,导致出现不符合预期的9.8M。接着通过axisLabel的回调函数控制仅显示最小值1和最大值625的标签,其余全部隐藏。

修改后的完整Y轴配置如下:

{
  type: "log",
  min: 1,
  max: 625, // 固定最大值为625
  logBase: 5,
  axisLabel: {
    // 仅显示1和625的标签
    show: function(value) {
      return value === 1 || value === 625;
    }
  },
  axisTick: {
    // 可选:隐藏中间刻度线
    show: function(value) {
      return value === 1 || value === 625;
    }
  },
  splitLine: {
    // 可选:隐藏中间分隔线
    show: false
  }
}

补充说明

  • 显式指定max能强制Y轴范围锁定在1~625,避免自动计算偏差。
  • axisLabel.show回调通过判断标签值,只保留目标数值的显示,逻辑直接高效。
  • 若不需要中间的刻度线或分隔线,可通过axisTick.show和splitLine.show同步隐藏,让图表更简洁。

也可以用axisLabel.formatter实现类似效果,将非目标标签设为空字符串:

axisLabel: {
  formatter: function(value) {
    return value === 1 || value === 625 ? value : '';
  }
}

内容的提问来源于stack exchange,提问作者Abdollah Keshtkar

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.07 02:38:16