donut.ts

 {
    type: 'Pie',
    data: Chartdata['Pie'],
    options: {
      donut: true,
      showLabel: true,
      height: '100%',
      width: '100%',
      chartPadding: {
        top: 20,
        right: 0,
        bottom: 20,
        left: 0
      },
    }

 <x-chartist
    [data]="charts[8].data"
    [type]="charts[8].type"
    [options]="charts[8].options"
    [responsiveOptions]="charts[8].respOpt"
    [events]="charts[8].events">
  </x-chartist>