如何在 Chart.js 条形图中添加左/右填充？

Question

I'd like to add left and right padding to my Chart.js bar chart. I don't understand why only half of first and last bars are displayed:

I tried to play with layout > padding without success:

layout: {
  padding: {
    left: 20
  }
}

The code is available here: JSFiddle .

Thanks for your help.

Answer 1

you can add. It will show equal width for first and last bar.

xAxes: [{
  offset: true,
}]