react-chartjs-2中如何隐藏默认yAxes轴线仅保留y轴数值？

直接在对应Y轴的配置项里关闭轴线渲染即可，不需要引入额外插件，不同版本配置字段有区别，对应自己使用的版本调整配置就行：

Chart.js v3 / v4（2021年后发布的主流版本） #

核心是关闭Y轴的border显示，刻度默认会正常渲染，不需要额外改动：

new Chart(document.getElementById('yourChartDom'), {
  type: 'bar', // 折线、柱状、面积图等所有笛卡尔坐标系图表通用该配置
  data: {
    // 保留原有图表数据即可
  },
  options: {
    scales: {
      y: {
        // 核心配置：隐藏Y轴位置的竖主轴线
        border: {
          display: false
        },
        // 可选配置：如果不需要Y轴延伸出来的横向网格线，加上这段
        grid: {
          drawOnChartArea: false
        },
        // 刻度保持默认开启即可，不要设为false
        ticks: {
          display: true
        }
      }
    }
  }
})

Chart.js v2（旧版本） #

旧版本配置字段层级不同，核心是把Y轴的drawBorder属性设为false：

new Chart(document.getElementById('yourChartDom'), {
  type: 'bar',
  data: {
    // 保留原有图表数据即可
  },
  options: {
    scales: {
      yAxes: [{
        // 核心配置：隐藏Y轴主轴线
        drawBorder: false,
        // 可选配置：关闭横向网格线
        gridLines: {
          drawOnChartArea: false
        },
        // 保持刻度显示
        ticks: {
          display: true
        }
      }]
    }
  }
})

排错提示：如果配置完轴线仍然显示，先检查是否有全局默认配置覆盖了单图表的轴设置，或者是否安装了自定义轴线渲染类的Chart.js插件强制重绘了轴线。

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