How to add an offset to a dataset in Chart js

Question

I was able to add an offset to the X Labels but I would like to add an offset to all the points in the dataset. Is it possible?

Answer 1

Leading on from the answer given by 'tektiv' I needed a similar solution but one that works for RESPONSIVE CHARTS.

So instead of using fixed measurements for the given offset shown in tektiv's plugin, we first count the number of objects in the dataset array. We then divide the chart.width by the number of objects in the array to give us equal segments, then in order to define the half way point between each grid line, we divide that sum by a factor of 2.

Note 1: You could also replace the factor of 2 to a variable so the user could chose the portion of offset needed.

Note 2: I've placed the plugin code within the chart script given I don't want this as a global affect by registering a global plugin.

Note 3: This is second re-edit of my solution given the plugin code I partially copied from the answer given by 'tektiv' above was only firing successfully for the first time, but then when re-loading a new instance of the chart I experienced some null errors on the dataset._meta (worth also seeing answer here on this particular topic as this helped me fix and finalize my answer: Dataset._meta[0].dataset is null in ChartJS Code example:

First screenshot below shows the responsive chart stretched to a wide screen view:

Second screenshot shows the responsive chart resized to a smaller and more conventional window size: