scatter.ts

  {
    type: 'Line',
    data: Chartdata['Scatter'],
    chartPadding: {
      top: 30,
      right: 30,
      bottom: 0,
      left: 15
    },
    options: {
      showLine: false,
      axisX: {
        labelInterpolationFnc: function(value: number, index: number): string {
          return index % 13 === 0 ? W{value} : null;
        }
      }
    },
    responsiveOptions: [
      ['screen and (min-width: 640px)', {
        axisX: {
          labelInterpolationFnc: function(value: number, index: number): string {
            return index % 4 === 0 ? W{value} : null;
          }
        }
      }]
    ]
  }

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