Chart.js v2 Masquer les étiquettes des jeux de données

J’ai les codes suivants pour créer un graphique en utilisant 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 }] } }); 

Les codes sont simples, mais je ne peux pas supprimer l’étiquette du graphique. J’ai essayé beaucoup de solutions que j’ai trouvées en ligne, mais la plupart utilisent Chart.js v1.x.

Comment puis-je supprimer les étiquettes du jeu de données?

Il suffit de définir les options d’ label et d’ tooltiptooltip comme

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

Violon – http://jsfiddle.net/g19220r6/

append:

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

dans le démarrage de votre code de script;

Vous pouvez également placer l’info-bulle sur une ligne en supprimant le “titre”:

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

entrer la description de l'image ici