
<kendo-chart  [transitions]="true">
  <ng-template kendoChartDonutCenterTemplate>
    <h3>{{totalNumberOfLoans}}</h3>
  </ng-template>
  <kendo-chart-title text="Stages of Loans"></kendo-chart-title>
  <kendo-chart-series>
    <kendo-chart-series-item
      [autoFit]="autoFit"
      type="donut" [data]="data | async"
      categoryField="Kind" field="Share">
      <kendo-chart-series-item-labels
        position="outsideEnd"
        color="#000"
        [content]="labelContent">
      </kendo-chart-series-item-labels>
    </kendo-chart-series-item>
  </kendo-chart-series>
  <kendo-chart-legend [visible]="false"></kendo-chart-legend>
</kendo-chart>


