Chart Js; Bar chart; Can the X axis labels be simply left aligned/justified rather than appearing centered?

Can the labels on the X axis be left aligned/justified as opposed to appearing centered like the following example?

i.e. the requirement is that the label should be aligned with the grey vertical separation line of each bar.

Original X Axis Labels

Left Justified X Axis Labels

I have read the documentation and it seems it maybe possible via “ticks:” using the “userCallback function overrides” to modify the x-axis label itself, but I am unsure if I am over complicating this, and if this is the correct way to do it – And then if it is the correct way, then what ticks: attribute/option/parameter is required to left justify the label?

Or is there a simpler way other than using ticks/userCallback?

Snippet of code…

xAxes: [{
  ticks: {
    userCallback: function(value, index, values) {
      return value ??? Not sure what return here/ barWidth???
    }
  }
}]

Thanks