In Chart.js v2 werden Dataset-Beschriftungen ausgeblendet

Ich habe die folgenden Codes, um ein Diagramm mit Chart.js v2.1.3 zu erstellen:

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

Die Codes sehen einfach aus, aber ich kann die Beschriftung nicht aus dem Diagramm entfernen. Ich habe viele Lösungen ausprobiert, die ich online gefunden habe, aber die meisten verwenden Chart.js v1.x.

Wie kann ich die Datensatzbezeichnungen entfernen?

Stellen Sie einfach die labelund tooltipOptionen so ein

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

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

hinzufügen:

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

am Anfang Ihres Skriptcodes;

Sie können den Tooltip auch in eine Zeile einfügen, indem Sie den "Titel" entfernen:

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

Es ist genauso einfach wie das Hinzufügen von: legend: { display: false, }

// Oder wenn Sie möchten, können Sie diese andere Option verwenden, die auch funktionieren sollte:

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

new Chart('idName', {
      type: 'typeChar',
      data: data,
      options: {
        legend: {
          display: false
        }
      }
    });