Legende verstecken in PrimeNG

Question

Also ich möchte meine Legende in meinem Kreisdiagramm verstecken, weil die 52 Etiketten zu viel Platz brauchen, aber ich finde keinen Weg, es in primeNG zu tun.

Mein Code:

chart.component.html

<p-chart type="doughnut" [data]="monthlyTeamCost"></p-chart> 

Erklärung in meinem component.ts

this.monthlyTeamCost = { 
        labels: team, 
        options: {labels: {display: false}}, 
        datasets: [ 
         { 
          data: amount, 
          backgroundColor: colorArr, 
         }], 
        }; 

So die alle Daten in Ordnung nur die Etiketten ausgeblendet werden sollen . Vielen Dank im Voraus

Answer 1

Sie müssen wie diese Optionen zu einem Objekt binden:

<p-chart type="doughnut" [data]="monthlyTeamCost" [options]="chartOptions"></p-chart> 

dann in Ihnen TS-Datei:

this.chartOptions = { 
    legend: {display: false} 
} 

Prime NG ist eine Bindung von Chart.JS (für Diagramm der Bibliothek), so dass Sie die erschöpfende Liste der Optionen in der Chart.JS Website finden können: http://www.chartjs.org/docs/latest/