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



我有一个带有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
            }
            ]
        }
    }
});

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

标签: { 渲染: (( => {} }

它将看起来像:

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

相关内容

  • 没有找到相关文章

最新更新