chart.js - bottom - chart js tooltip label

Chart.js v2 ocultar etiquetas de conjunto de datos

Question

Tengo los siguientes códigos para crear un gráfico usando 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
}]
}
});

Los códigos parecen simples, pero no puedo eliminar la etiqueta del gráfico. Probé muchas soluciones que encontré en línea, pero la mayoría de ellas usan Chart.js v1.x.

¿Cómo puedo eliminar las etiquetas del conjunto de datos?

Answer 1

Es tan simple como agregar esto: legend: { display: false, }

// O si quieres puedes usar esta otra opción que también debería funcionar:

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

Answer 2

Simplemente configure la label y las opciones de tooltip sobre tooltip manera

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

Fiddle - http://jsfiddle.net/g19220r6/

Answer 3

También puede poner la información sobre herramientas en una línea quitando el "título":

this.chart = new Chart(ctx, {
type: this.props.horizontal ? ''horizontalBar'' : ''bar'',
options: {
legend: {
display: false,
},
tooltips: {
callbacks: {
label: tooltipItem => `${tooltipItem.yLabel}: ${tooltipItem.xLabel}`,
title: () => null,
}
},
},
});

Answer 4

añadir:

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

al comienzo de su código de script;