Javascript 使用Vue-chart.js的水平图表标签

Javascript 使用Vue-chart.js的水平图表标签,javascript,charts,vue.js,chart.js,Javascript,Charts,Vue.js,Chart.js,我使用Vue-chart.js开发了一个水平条形图,所有数据和标签都来自API。问题是该值也随标签一起可见,如何隐藏标签旁边的值?下图所示 我有以下代码 import { HorizontalBar } from 'vue-chartjs' export default { name: 'diagram', extends: HorizontalBar, data: () => ({ chartData: '', score: {

我使用Vue-chart.js开发了一个水平条形图,所有数据和标签都来自API。问题是该值也随标签一起可见,如何隐藏标签旁边的值?下图所示

我有以下代码

import { HorizontalBar } from 'vue-chartjs'

export default {
    name: 'diagram',
    extends: HorizontalBar,
    data: () => ({
        chartData: '',
        score: {},
        value: [],
        keys: [],
        options: {
            scales: {
                xAxes: [{
                    ticks: {
                        scaleShowLabels:false,
                    }
                }],
                yAxes: [{
                    ticks: {
                        scaleShowLabels:false,
                        mirror: true
                    }
                }]
            },
            responsive: true,
        },

        responsive: true,
        maintainAspectRatio: false

    }),
    created () {

        // Overwriting base render method with actual data.
        this.$http({
            method: 'get',
            url: this.base_url + '/exam/api/score/' + this.$store.state.user.id + '/',

            auth: {
                username: 'my-username',
                password: 'my-password'
            },
        }).then(res => {

            console.log(res);
            if (res.status == '200') {
                console.log(res.data);
                this.score = res.data;
                for (let v  in  this.score) {
                    this.value.push(this.score[v]);
                }
                for (let key  in  this.score) {
                    this.keys.push(key);
                }
            }
        });
        this.fillData()

    },
    mounted(){
        this.renderChart(this.chartData, this.options);

    },

    methods: {

        fillData ()  {
            this.chartData = {

                labels: this.keys,

                datasets: [
                    {
                        fillColor: "#ffecbf",
                        strokeColor: "#dacdd2",
                        data: this.value,

                    }

                ],

            }
        }
    },
    watch: {
        data: function () {
            this._chart.destroy();
            this.renderChart(this.chartData, this.options);
        },
    },
}
请帮帮我。提前谢谢