Box annotation starts from center of category axes

I need box annotation the same as the purple box on the example but it doesn’t work as expected on my chart. I need it to be started and finished on axes lines, not the center!

Here is the config:

chart.options.annotation.annotations.push({
   drawTime: "beforeDatasetsDraw",
   type: "box",
   xScaleID: "x-axis-0",
   yScaleID: "y-axis-0",
   xMin: "2018 December",
   xMax: "2019 February",
   yMin: 0,
   yMax: 200000,
   backgroundColor: "rgba(101, 33, 171, 0.5)"
});
chart.update();

and scales config:

"scales": {
	"yAxes": [{stacked: true}],
	"xAxes": [{stacked: true}]
}

Also Adding absolute min/max or offset parameters will be nice. Any help will be appreciated.

[AmirHossein]

@danielissac Unfortunately, it didn’t work for me. I created the plugin below for my case:

Chart.pluginService.register({
    id: "highlightBarColumns",
    beforeDatasetsDraw: function (chart, foo, options) {
        options = options || {};
        options.color = options.color || 'rgba(0,0,0,0.1)';
        options.indexes = options.indexes || [];
        var axeX = chart.scales[chart.config.options.scales.xAxes[0].id];
        var axeY = chart.scales[chart.config.options.scales.yAxes[0].id];
        var ctx = chart.chart.ctx;
        options.indexes.forEach(function (index) {
            if (axeX.ticks.length > index) {
                var tickPosition = axeX.getPixelForTick(index);
                var width = index > 0 ? tickPosition - axeX.getPixelForTick(index - 1) : axeX.ticks.length > 1 ? axeX.getPixelForTick(index + 1) - tickPosition : axeX.width;
                var x = tickPosition - width / 2;
                var y = axeY.getPixelForValue(axeY.max);
                var height = axeY.getPixelForValue(axeY.min) - y;
                ctx.fillStyle = options.color;
                ctx.fillRect(x, y, width, height);
                ctx.fill();
            }
        });
    }
});
...
var chart = new Chart(ctx, {
    ...
    options: {
        plugins: {
            highlightBarColumns: {
                color: 'rgba(0,0,0,0.1)',
                indexes: [1, 2, 5]
            }
        },
        ...
    }
});

[kurkle]

gridlines are offset, you can change that.