你遇到的是Chart.js数据标签显示的问题——那些出现在标签旁的数值是数据标签（Data Labels），而非坐标轴刻度，所以你之前针对scales.ticks的配置并不会对其生效。下面是具体的解决方法：

1. 核心修复：禁用数据标签插件 #

Vue-chart.js本身不会默认显示数据标签，通常是因为项目中引入了chartjs-plugin-datalabels插件导致的。我们只需要在图表配置中全局或局部禁用它即可：

方法一：全局禁用（推荐） #

在你的options对象中添加plugins配置，统一关闭所有数据集的标签显示：

options: {
    plugins: {
        datalabels: {
            display: false // 全局隐藏数据标签
        }
    },
    scales: {
        xAxes: [{ ticks: { scaleShowLabels:false, } }],
        yAxes: [{ ticks: { scaleShowLabels:false, mirror: true } }]
    },
    responsive: true,
},

方法二：局部禁用 #

如果只想隐藏某个特定数据集的标签，可以在对应的dataset中单独设置：

datasets: [
    { 
        fillColor: "#ffecbf", 
        strokeColor: "#dacdd2", 
        data: this.value,
        datalabels: {
            display: false // 仅当前数据集隐藏标签
        }
    }
],

2. 额外优化：修复数据加载逻辑 #

注意到你的代码中存在异步数据加载的时序问题——fillData()和初始渲染是在API请求完成前执行的，可能导致图表初始为空。建议把数据填充和图表渲染逻辑放到API回调中：

.then(res => {
    console.log(res);
    if (res.status == '200') {
        console.log(res.data);
        this.score = res.data;
        // 清空数组避免重复数据
        this.value = [];
        this.keys = [];
        // 合并循环减少冗余代码
        for (let key in this.score) {
            this.value.push(this.score[key]);
            this.keys.push(key);
        }
        this.fillData();
        // 重新渲染图表
        if (this._chart) {
            this._chart.destroy();
        }
        this.renderChart(this.chartData, this.options);
    }
});

这样能确保图表在数据完全加载后才渲染，避免空数据或旧数据残留的问题。

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