誰知道如何放下在離子2餡餅的標題

Question

我想把標籤放在pie.who請告訴我。謝謝！這裏的代碼。

 this.pieChart = new Chart(this.pieCanvas.nativeElement, { 
     type: 'pie', 
     data: { 
      labels: ["Red", "Blue", "Yellow", "Green", "Purple", "Orange"], 
      datasets: [{ 
       label: '# of Votes', 
       data: [12, 19, 3, 5, 2, 3], 
       backgroundColor: [ 
        "#ff0000", 
        "#0000ff", 
        "#ffff00", 
        "#008000", 
        "#800080", 
        "#ffa500" 
       ] 
      }] 
     } 

    }); 

Answer 1

您可以通過設置標籤/傳奇的位置實現這一目標。

options: { 
    legend: { 
     position: 'bottom' 
    } 
} 

完整代碼會是這樣......

this.pieChart = new Chart(this.pieCanvas.nativeElement, { 
    type: 'pie', 
    data: { 
     labels: ["Red", "Blue", "Yellow", "Green", "Purple", "Orange"], 
     datasets: [{ 
      label: '# of Votes', 
      data: [12, 19, 3, 5, 2, 3], 
      backgroundColor: [ 
        "#ff0000", 
        "#0000ff", 
        "#ffff00", 
        "#008000", 
        "#800080", 
        "#ffa500" 
       ] 
      }] 
    }, 
    options: { 
     legend: { 
      position: 'bottom' 
     } 
    } 
});