如何在角度2中将文本写入insede圆环图

Question

我使用ng2-charts甜甜圈图表，我想要写15美元来代替，但不能。请帮我。非常感谢你。

HTML

<div align="center">
  <label style="font-size: 19px;">Chart</label>
  <canvas baseChart 
          [data]="doughnutChartData" 
          [labels]="doughnutChartLabels" 
          [chartType]="doughnutChartType">
  </canvas>
</div>

组件

import { Component, OnInit } from '@angular/core';

@Component({
  selector: 'app-chartbalance',
  templateUrl: './chartbalance.component.html',
  styleUrls: ['./chartbalance.component.css']
})
export class ChartbalanceComponent implements OnInit {

  constructor() { }

  ngOnInit() {
  }

  private doughnutChartType: string = "doughnut";
  private doughnutChartData: number[] = [40, 40, 20];
  private doughnutChartLabels: string[] = ["ETH", "LTC", "XRP"];
}

Answer 1

ng2-charts. 没有直接的方法可以做到这一点，因为 chart.js 不支持此功能。

但是，您可以使用 plugin

编写自己的自定义扩展程序