在ngx中使用labelFormatting -图表饼图

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

@Component({
  selector: 'app-pie-chart',
  template: `
    <div style="width: 500px; height: 300px;">
      <ngx-charts-pie-chart
        [results]="chartData"
        [labelFormatting]="formatLabel"
      ></ngx-charts-pie-chart>
    </div>
  `,
})
export class PieChartComponent {
  chartData = [
    { name: 'Category 1', value: 10 },
    { name: 'Category 2', value: 20 },
    { name: 'Category 3', value: 30 },
  ];

  formatLabel(data: any): string {
    // 自定义标签格式，例如添加百分比符号
    return `${data.name} (${data.value}%)`;
  }
}