distributed.ts

 {
    type: 'Bar',
    data: Chartdata['DistributedSeries'],
    options: {
      distributeSeries: true,
      width: '100%',
      height: '100%',
      chartPadding: {
        top: 20,
        right: 20,
        bottom: 0,
        left: 0
      },
    }
  }
 <x-chartist
    [data]="charts[6].data"
    [type]="charts[6].type"
    [options]="charts[6].options"
    [responsiveOptions]="charts[6].respOpt"
    [events]="charts[6].events">
  </x-chartist>