如何在chartjs图表中删除条形顶部的标签

Question

我有一个带有 chartjs 的垂直条形图，每个条形图的顶部都有一个 100% 的标签，但条形图的值不是 100%，这是一个错误的值，我需要删除该标签。

我尝试将标签显示设置为 false 并删除额外的代码以查看标签是否消失但没有任何反应。

javascript

var myBarChart = new Chart(barChartCanvas,{
    type: 'bar',
    data: {
    labels: ['satisfaccion', 'insatisfaccion'],
    datasets: [
        {                            
            data: [35, 57],
            backgroundColor: [
            '#7eb902', 
            '#f15021'
            ]
        }
    ]
    },
    options: {
        legend: {
            display: false,
        },                    
        plugins: {                        
            colorschemes: {
                scheme: 'tableau.Tableau10'
            },
        },
        scales:{
            yAxes:[
            {
                ticks:{
                    beginAtZero:true,
                    suggestedMax: 100
                }
            }
            ],
            xAxes:[
            {
                barThickness : 73
            }
            ]
        }
    }
});

Answer 1

如果您只想删除百分比，只需在选项中添加此行

标签：{ 渲染：（）=> {} }

它看起来像：

            options: { 
                plugins: {
                  labels: {
                    render: () => {}
                  }
                }
            }