如何修改离子2中的图表，如下图所示？

Question

我正在使用来自＆＃39; chart.js＆＃39;的导入{Chart};创建我的聊天，但我有一些挑战。我想创建一个如下所示的图表。

最好的问候

//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

我们也在我们的Io​​nic 2应用程序中使用Chart.js。为了渲染图表，我们使用ng2-charts库。

关于将总数放在底部中心的问题，您可以将图表包装在div中，并添加一个包含总数的绝对定位的span元素。