ngx-charts - Line chart overlaps when i have single data and xAxisTicks defined #1789

Question

I observed one issue with ngx-charts line chart, when i have single data point i.e

[
    {
      name: 'test',
      series: [
        {
          name: 0,
          value: 0,
        },
      ],
    },
  ]

Here is my html code:

#yAxisTicks = [0, 25, 50, 75, 100];
#xAxisTicks = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
#colorScheme: any = { domain: ['red'] };

<ngx-charts-line-chart
  #chart
  [yAxisTicks]="yAxisTicks"
  [xAxisTicks]="xAxisTicks"
  [scheme]="colorScheme"
  [xAxis]="true"
  [yAxis]="true"
  [results]="single"
  [yScaleMax]="100"
  [tooltipDisabled]="true"
  [view]="view"
>
</ngx-charts-line-chart>

The xAxisTicks are scattered and looks somewhat like bellow,

Does anyone came across this issue? Are there any fix available without removing the [xAxisTicks]="xAxisTicks"?