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

Question

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

我已经尝试了下面的代码，但没有运气。

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

谁能告诉我如何删除它？

标签： javascriptjquerychart.jschartjs-2.6.0

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