angular - 如何使用 ngx-charts 返回 html 标签

Question

我使用 ngx-chart 来创建一个类似薄的饼图：

模板

  <ngx-charts-pie-chart
                      [scheme]="colorScheme"
                      [labels]="true"
                      [legend]="false"
                      [labelFormatting]="setLabelFormatting"
                      [arcWidth]="0.16"
                      [doughnut]="true"
                      [results]="patients"
                      (select)="onSelect($event)">
  </ngx-charts-pie-chart>

零件

用这样的数据发送数组

  public patients: Array<any> = [
    {
      name: 'recorrente',
      value : 67
    }, {
      name: 'novos',
      value: 33
    }
  ];

但是我需要使用 html/css 标签发送我的数据来个性化标签，我尝试使用它的返回函数但不起作用。

Answer 1

将标签模板放入 tag ：

<ng-template #tooltipTemplate let-model="model">
   <h6 style="color: #fff">{{model.series}} - {{model.name}}</h6>
   <h6 style="color: #fff">It's around {{model.value | number:'1.1-2'}}%</h6>
</ng-template>