2๐
โ
I think you could try to change the ticks alignment, something like the following:
x: {
type: 'time',
ticks: {
display: true,
stepSize: 7,
align: 'inner' // to align the start and end ticks in the chart area width
},
grid: {
drawTicks: false,
display: false,
},
border: {
display: true,
},
},
Source:stackexchange.com