How to align line point to middle of categorical bars

[johnnyleejy]

I want to align the line points to each bar. Is there a way to achieve this?

This is a category x axis.

Currently, the lines are aligned in the middle

[stockiNail]

I think an options could be to add a hidden axis (linear) as X one and related the line datasets to it.
Of course it's a workaround.
Have a look to codepen is it's close to your need. https://codepen.io/stockinail/pen/mdKZGYb
To work correctly, it needs same assumptions and constraints, as you can see in the sample.

[johnnyleejy]

Thanks @stockiNail

It seems like the workaround involves setting arbitrary x values which may be challenging when working with dynamic categorical data such as months and years.

In matplotlib, it's easy to map line to bar and perhaps chart.js has something similar... I'll just explore some other options.

Thanks for showing your example again.

[Udemology]

Hi @johnnyleejy not sure but perhaps something like this would help: https://youtu.be/XMiGcObRqoY
Although stockiNail method is an much easier method.

[johnnyleejy]

Thanks @Udemology , the above video along with this one https://www.youtube.com/watch?v=916wqiPg48A helped!