如何在Chart.js的X轴隐藏指定刻度值？

你可以通过X轴配置中的ticks.callback函数精准控制单个刻度标签的显示/隐藏，具体实现如下：

在图表的options.scales.x配置里，给ticks添加callback函数，判断当前刻度值是否为5或15，若是则返回null（隐藏该标签），否则返回原刻度值：

options: {
  scales: {
    x: {
      type: 'category',
      ticks: {
        callback: function(value) {
          // 由于category类型的刻度值为字符串，需用字符串匹配
          if (value === '5' || value === '15') {
            return null;
          }
          return value;
        }
      }
    }
  }
}

注意事项 #

• 因为X轴类型设置为category，刻度值本质是字符串类型，所以判断时要使用'5'、'15'而非数字5、15；
• 如果你的X轴刻度是通过labels数组定义的（比如labels: ['0', '5', '10', '15', ...]），callback中的value就是数组里的对应元素，直接匹配即可。

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