Chartjs-X axis should have a space in Line chart- Chart JS

You can define xAxes.offset: true and it should work as expected.

xAxes: [
    {
      offset: true,
      ... 
    }
  ]

offset: If true, extra space is added to both edges and the axis is scaled to fit into the chart area.

Please take a look at your amended StackBlitz.