title: Chart.js display x axis labels ON ticks in bar chart, not between
body: <p>I have this chart:</p>
  
  <p><a href="https://i.stack.imgur.com/bdKZI.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/bdKZI.png" alt="bar chart"></a></p>
  
  <p>...which is displaying exactly how I want it to with one exception... The data in the bars is for between the two times in the x axis... so all the labels need shifting to lie on the grid lines, not between them as default for a bar chart. So the red and blue bar is data between 8:00 and 9:00. I hope I've explained that clearly enough.</p>
  
  <p>I'm trawling through the Chart.js docs and it just doesn't seem like this is possible! I know I could change my labels to be, for example, 8pm - 9pm, but that seems a much more visually clunky way of doing it. Is there a way anyone know of achieving this? Ideally there would be another '12am' on the last vertical grid line too.</p>