Shift vertical bars to the right.

[LechoDecho]

Hello,
I'm currently using the latest version of ChartJS ( 3.8.0 ).
I'm trying to plot a bar chart ( histogram ) with additional vertical lines.
Therefore i chose a linear x axis starting at 0 and ending at the maximum possible value for x.

To be able to share the same x axis between the bars and lines ill keep the scaling but change the tick size to the value interval of one bar.
e.g.:
Min Value : 0
Max Value: 100
Number of Values: 1000
Value interval: 10
xaxis Label should be then: [0,10,20,30,40,50,60,70,80,90,100]

When plotting the bar chart without an offset, then the bars will be centers around this labels. This is causing a wrong representation of those bar. (Please ignore the blue line )

One possible solution would be to shift every bar about the width of a single bar to the right side.
I'm trying to reach that with implementing an own plugin, but therefore i would need a way to access the x axis value of a given bar.

Thanks for help in advance!

[LeeLenaleee]

Can't check it right now but they should be included in the meta of the dataset which you can get like this:

chartInstance.getDatasetMeta(barChartDatasetIndex)

And then if I'm not mistaken there is a data field in the meta containing all the bar elements with their x coordinate

[LeeLenaleee]

made a quick setup for you, now it runs too manu times so you need to make it only adjust once with a flag or somthing like that:
https://jsfiddle.net/jsobhaw3/1/

[LechoDecho]

That approach does not apply to Typescript since x is defined as read-only.
The width is also not defined in the data type.

[LeeLenaleee]

You could just put a ts-ignore above it since it works. Other solution is to see if you can improve the typings in chart.js so it returns the element as it should be. Might give it myself a look if I have time to spare but it is low in prio in my list with things I want to do first

atm I can't quickly think of a good/nice way around it.

[kurkle]

You could also use an hidden x-scale for the bars, with offset. Or you could adjust the x-value for the bars ({x,y} data).

[LechoDecho]

For now i did use the ts-ignore annotation. But this is not a permanent solution so i would keep this discussion open.
I might take a look at the typings myself in the near future and contribute this here.

Thanks for the fast help!