Chart.js v2 : masquer les étiquettes des ensembles de données

Question

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 semblent 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 d'entre elles utilisent Chart.js v1.x.

Comment puis-je supprimer les étiquettes des ensembles de données ?

Answer 1

Il suffit de définir le label y tooltip options comme suit

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

---

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

Answer 2

À partir de 2021, l'espace de noms est passé de options.legend a options.plugins.legend . Ce code simple a fonctionné pour moi -

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

Answer 3

Ajouter :

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

au début de votre code script ;

Answer 4

Vous pouvez également faire tenir l'info-bulle sur une seule 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,
            }
        },
    },
});

Answer 5

C'est aussi simple que d'ajouter ceci :

legend: {
    display: false,
}

Ou si vous voulez, vous pouvez utiliser cette autre option qui devrait également fonctionner :

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