area.ts

    {
      type: 'Line',
      data: Chartdata['LineWithArea'],
      options: {
        low: 0,
        showArea: true,
        height: '100%',
        width: '100%',
        lineSmooth: true,
        onlyInteger: true,
        fullWidth: true,
        showPoint: false,
        showLine: false,
        plugins: [

       ],
       chartPadding: {
         top: 20,
         right: 20,
         bottom: 0,
         left: 0
       },
        axisX: {

          showLabel: true,
          labelInterpolationFnc: function(value: number, index: number): number {
            return value
          }
        },
        axisY: {
          showLabel: true
        }
      }
    }
      
 <x-chartist
    [data]="charts[4].data"
    [type]="charts[4].type"
    [options]="charts[4].options"
    [responsiveOptions]="charts[4].respOpt"
    [events]="charts[4].events">
  </x-chartist>