ionic 2のグラフを下の図のように変更するにはどうすればよいですか？

Question

私は 'chart.js'から{chart}をインポートしています。私のチャットを作成するが、いくつかの課題がある。私は以下のようなグラフを作成したいと思います。

よろしく我々はまた、私たちイオン2アプリでChart.jsを使用している

//Creating the doughth 
    this.doughnutChart = new Chart(this.doughnutCanvas.nativeElement, { 


     type: 'doughnut', 
     data: { 
     labels: ["Cash in Hand", "Cash in Bank", "Cash in Mpesa"], 
     datasets: [{ 
      label: '# of Votes', 
      data: [this.naaam, this.naaam1, this.naaam2 ], 
      backgroundColor: [ 
      'rgba(255, 99, 132, 0.2)', 
      'rgba(54, 162, 235, 0.2)', 
      'rgba(255, 159, 64, 0.2)' 
      ], 
      hoverBackgroundColor: [ 
      "#FF6384", 
      "#36A2EB", 
      "#FFCE56" 
      ] 
     }] 
     } 

    }); 

Answer 1

。チャートのレンダリングには、ng2-chartsライブラリを使用します。

合計をボトム中央に配置することに関するご質問については、div内にグラフをラップし、合計を含む絶対配置されたスパン要素を追加することができます。