Question

我正在使用Chart.js v2.7.2，并且想要删除“标签”字段。放弃它会返回“ undefined”，而我尝试过的各种选项均无济于事。有人对此有新见解吗？图例，标题等均无法删除。

let thisChart = new Chart(gov_chart, {
        type: 'horizontalBar',
        data: {
            label: 'I want to remove this',
            labels: [data1, data2],
            datasets: [{
                backgroundColor: ['rgb(240,61,74)', 'rgb(0, 156, 255)'],
                data: [data1.count, data2.count],
                }]
            },
        options: {
            scales: {
                xAxes: [{
                    ticks: {
                        beginAtZero: true
                        }
                    }]
                }
            },
            legend: {
                display: false
            },
            title: {
                display: false
            },
            tooltips: {
                callbacks: {
                    label: function(tooltipItem) {
                        return tooltipItem.yLabel;
                    }
                }
            }
        });

Answer 1

label应该在datasets内部，例如

type: 'horizontalBar',
data: {  
  labels: [data1, data2],
  datasets: [{
    label: 'put it here', // => here
    backgroundColor: ['rgb(240,61,74)', 'rgb(0, 156, 255)'],
    data: [data1.count, data2.count],
  }]
},

这样您就不会不确定

更新：如果您不想看到它，请将legend配置放在options内。显然，我看到您的legend在options对象之外。

options: {        
  legend: {
    display: false
  }
}

Answer 2

请注意，此答案已过时。要删除图例，您现在必须指定插件。 https://www.chartjs.org/docs/latest/configuration/legend.html

例如

var chart = new Chart(ctx, {
type: 'bar',
data: data,
options: {
    plugins: {
        legend: {
            display: false
        }
    }
}

});

删除chart.js中的“标签”

2 个答案: