react-chartjs-2中隐藏Y轴标签失效问题求助

直接说问题根源和解决办法：

1. 检查配置节点名称：你代码里写的是scale，但Chart.js v3+版本的多轴配置根节点是复数的scales，单数的scale是v2的写法，这会导致你的y2轴配置完全不生效，自然display: false起不了作用。这是最可能的核心原因。

2. 补全刻度隐藏配置：就算节点名称正确，仅设置轴的display: false，如果ticks里指定了count，也可能被强制显示刻度。需要在y2的ticks配置中添加display: false来明确隐藏标签。

修改后的完整代码：

export const options = {
  responsive: true,
  interaction: { includeInvisible: true, intersect: false },
  tooltip: {
    backgroundColor: "rgba(0, 0, 0, 0.3)",
    displayColors: false,
    multiKeyBackground: "rgba(0, 0, 0, 0)",
  },
  scales: { // 改为复数scales
    y1: {
      min: 0,
      ticks: {
        count: 5,
      },
      grid: { borderDash: [3], color: "rgb(126,126,126)", tickLength: 0 },
    },
    y2: {
      display: false,
      position: "right",
      max: Math.max(...BTCPrices.map((el) => el.Volume)) * 10,
      ticks: {
        display: false, // 强制隐藏刻度标签
        count: 5,
      },
      grid: { display: false } // 可选：连该轴网格线一起隐藏
    },
    x: {
      ticks: {},
    },
  },
  plugins: {
    legend: {
      display: false,
    },
  },
};

先修改scale为scales，这一步大概率就能解决问题；如果还存在残留显示，再补充ticks.display: false的配置即可。

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