Chart.js v2隐藏数据集标签

Question

我有以下代码可以使用Chart.js v2.1.3创建图形：

var ctx = $('#gold_chart');
var goldChart = new Chart(ctx, {
    type: 'line',
    data: {
        labels: dates,
        datasets: [{
            label: 'I want to remove this Label',
            data: prices,
            pointRadius: 0,
            borderWidth: 1
        }]
    }
});

代码看起来很简单，但我无法从图中删除标签。我尝试了很多我在网上找到的解决方案，但大多数都使用Chart.jsv1. x。

如何删除数据集标签？

Answer 1

加：

Chart.defaults.global.legend.display = false;

在脚本代码的开头；

Answer 2

截至2021年，命名空间已从options.legend更改为options.plugins.legend。这个简单的代码对我有用-

data{
...
},
options: {
  plugins: {
    legend: {
      display: false
    }
  }
}

Answer 3

只需像这样设置标签和工具提示选项

...
options: {
    legend: {
        display: false
    },
    tooltips: {
        callbacks: {
           label: function(tooltipItem) {
                  return tooltipItem.yLabel;
           }
        }
    }
}

小提琴-http://jsfiddle.net/g19220r6/