如何在Chart.js图表​​中的条形顶部删除标签

时间:2019-07-18 02:29:26

标签: html chart.js chartjs-2.6.0

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

我试图将标签显示设置为假,并删除多余的代码以查看标签是否消失但什么也没发生。

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
            }
            ]
        }
    }
});

1 个答案:

答案 0 :(得分:1)

如果只想删除百分比,只需在选项中添加这一行

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

它看起来像:

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