Chart.js中隐藏Y轴但保留水平网格线的实现方法

直接设置y: { display: false }会同时隐藏Y轴和对应的水平网格线，因为这个配置是控制整个Y轴组件的显示状态。要实现只隐藏Y轴但保留水平网格线，你需要单独隐藏Y轴的可见元素（刻度、边框、标题等），同时保留网格线的显示配置：

y: {
  ticks: {
    display: false // 隐藏Y轴刻度
  },
  border: {
    display: false // 隐藏Y轴边框
  },
  grid: {
    display: true // 启用水平网格线
  },
  title: {
    display: false // 如果有Y轴标题，也可以隐藏
  }
}

这样配置后，Y轴的所有视觉元素都会被隐藏，而水平网格线会正常显示在图表中。

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