如何在Chart.js中移除无用浮点值，仅保留0、1.0、2.0？

算力阿峰

2026-5-29

解决Chart.js隐藏无用浮点值的问题

嗨，我来帮你搞定这个需求！要在Chart.js里只显示0、1.0、2.0这些特定刻度值，你可以通过配置坐标轴的ticks.callback函数来实现，这个函数能让你自定义哪些刻度值要显示，哪些要隐藏。

具体配置步骤：

找到你图表配置里的目标坐标轴（从截图看应该是Y轴）配置项
在ticks选项里添加callback函数，判断当前刻度值是否属于你想要保留的集合，符合条件就返回该值，否则返回null（这样就不会显示这个刻度了）

代码示例：

假设你用的是折线图或柱状图，配置大概是这样的：

const chart = new Chart(ctx, {
  type: 'line', // 也可以是你的图表类型，比如bar
  data: {
    // 你的数据内容
  },
  options: {
    scales: {
      y: { // 如果是X轴就改成x
        ticks: {
          callback: function(value) {
            // 只保留0、1、2这几个值，根据需要调整格式
            const allowedValues = [0, 1, 2];
            if (allowedValues.includes(value)) {
              return value.toFixed(1); // 显示为0.0、1.0、2.0的格式
              // 若不需要小数位，直接return value即可
            }
            // 不符合条件的刻度返回null，就不会显示
            return null;
          }
        }
      }
    }
  }
});