javascript - 如何删除chartJS中的彩色矩形(数据集标签)

Question

我使用了chartjs 2.8并使用它绘制了条形图。图表上方有一个填充颜色的矩形 ( /image/Kh0pl.jpg )。我尝试了多种方法来删除它，但失败了。

我尝试了下面的代码，但没有成功。

legend: {
    display: false,
}

这是我当前的代码

var ctx = document.getElementById("myChart").getContext('2d');
    var myChart = new Chart(ctx, {
        type: 'bar',
        data: chartData1,
        options: {
        scales: {
            yAxes: [{
                ticks: {
                    beginAtZero: true
                }
            }]
        }
    }
});

请问有人可以告诉我如何删除它吗？

Answer 1

应该是这样，如果它不起作用，则说明您使用的不是版本 2，或者有其他问题。

var ctx = document.getElementById("myChart").getContext('2d');
var myChart = new Chart(ctx, {
    type: 'bar',
    data: chartData1,
    options: {
        legend: {
            display: false,
        },
        scales: {
            yAxes: [{
                ticks: {
                    beginAtZero: true
                }
            }]
        }
    }
});