2017-10-25 15 views
0

52冊のラベルが余りにも多くのスペースを取っているので私の凡例を私のpiechartに隠したいのですが、私はprimeNGでそれを行う方法を見つけることができません。PrimeNGで凡例を隠す

マイコード:

chart.component.html

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

私component.tsで宣言

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

だから、すべてのデータがちょうどラベルを非表示にする必要があります結構です。あなたはこのようなオブジェクトにオプションをバインドする必要があり、事前

答えて

0

で ありがとう:

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

はその後にTSファイル:

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

プライムNGがために(Chart.JSの結合されました図書館の一部であるCharting)ので、Chart.JSのWebサイトでオプションの網羅的なリストを見つけることができます:http://www.chartjs.org/docs/latest/

+0

伝説の代わりにオプションと伝説の代わりに) –