Are grouped bars with line overlays supported?

[stulock]

Hi all.

We have quite a large site with lots of analytics displayed via chart js. We're having a generally good experience with the first 20 or so charts. The chart design below came through from the designers and my guys have hit a wall on this one questioning if its possible using chart js. Thought I'd throw it out to the community to see if this is a known limitation.

Key points:

• Bars are grouped.
• The first 5 bars have line overlays for comparison.
• The pink bars will be added dynamically and don't have a line overlay.
• I have pixellated the details for client privacy - the pixellated stuff at the top is the key - ew only want 1 key (so stacking charts seems fiddly).
• Not massively relevent but - we are using Angular 14 with a .Net back end.

Thanks in advance.

[stulock]

I found some demos that point us in the right direction:
https://www.youtube.com/watch?v=XMiGcObRqoY
https://www.youtube.com/watch?v=916wqiPg48A

[Udemology]

I suspect you need something like this: https://www.youtube.com/watch?v=DwqUGHLoEYU&lc=UgyIT928psWwBlAkaTF4AaABAg&ab_channel=ChartJS