Chart.js v2隐藏数据集标签

我有以下代码可以使用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

---

如何删除数据集标签？

只需设置

标签

和

工具提示

这样的选项即可

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

---

小提琴-

添加：

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

---

在脚本代码的开头

您还可以通过删除“标题”将工具提示放在一行上：

---

只需添加以下内容即可：

legend: {
    display: false,
}

或者，如果您愿意，您可以使用另一个也应该有效的选项：

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

---

用这个代码段替换选项，将为普通JavaScript开发人员修复

选项：{
标题：{
文字：“你好”，
显示：真
},
比例：{
xAxes：[{
滴答声：{
显示：假
}
}]
},
图例：{
显示：假
}
}

自2021年起，名称空间已从

options.legend

更改为

options.plugins.legend

。这个简单的代码适合我-

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

新解决方案ChartJS v3.1.1 上述解决方案适用于v3.1之前版本的chart js，适用于v3.1.1使用以下

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

---

很有魅力，谢谢。顺便问一下，如何更改折线图的渐变色？你的意思是，如何使用渐变色作为边框/背景色。只需在上下文上创建一个，并在初始化时使用它-看看如果我想在一个数据集上使用它，而不是在另一个数据集上使用它会怎么样！只有一个问题，您在哪里找到了所有这些选项？不幸的是，这在最新的v2.9.3中不再有效。嗨，欢迎来到苏。考虑在代码集旁边添加一个简短的解释并完美地工作。我注意到被接受的答案是破坏了一些东西；Chart.defaults.global.legend.display=false选项：{legend:{display:false，}}这有助于写下将其放入哪个块（这基本上是文档的问题）这应该是可接受的答案…以前的答复已经过时，不起作用…但您的答复确实如此。

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

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