Chart.js v2 hide Dataset Etiketten

Question

ich die folgenden Codes haben 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 einfach aussehen, aber ich kann das Etikett aus dem Diagramm nicht entfernen. Ich habe viele Lösungen ausprobiert, die ich online gefunden habe, aber die meisten von ihnen verwenden Chart.js v1.x.

Wie kann ich die Dataset-Labels entfernen?

Answer 1

Nur stellen Sie die label und tooltip Optionen wie so

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

---

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

Answer 2

add:

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

in der Startelf des Script-Code;

Answer 3

Sie können auch den Tooltip auf eine Zeile setzen, indem Sie den "Titel" zu 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, 
      } 
     }, 
    }, 
});