我有以下代码使用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.js v1.x.
如何删除数据集标签?
只需设置label
和tooltip
选项即可
...
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;