ChartJS多Y轴设display:false仍显示刻度，如何隐藏所有scale标签

配置失效原因 #

多Y轴的数组配置语法仅适用于 Chart.js 2.x 版本，3.x 及更高版本不再支持将y字段赋值为数组定义多轴，你当前的写法导致display: false配置未被识别生效，因此坐标轴刻度仍然显示。

修复方案 #

调整scales配置结构，将每个Y轴以自身ID为键直接作为scales的子属性即可：

options: {
    plugins: {
        legend: {
            display: false
        }
    },
    scales: {
        viewTime: {
            id: 'viewTime',
            display: false
        },
        diff: {
            id: 'diff',
            display: false
        },
        x: {
            display: false
        }
    }
}

同时确认你的两组数据集已经分别绑定了对应Y轴ID：

datasets: [
    {
        // 第一个数据集其他配置
        yAxisID: 'viewTime'
    },
    {
        // 第二个数据集其他配置
        yAxisID: 'diff'
    }
]

如果需要彻底隐藏所有坐标轴相关元素，可以在每个轴的配置中额外补充以下参数：

{
    display: false,
    grid: {
        display: false
    },
    ticks: {
        display: false
    },
    border: {
        display: false
    }
}

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