minBarLength Stacked bar chart not working

[nabenzine]

Hello there,

This is an old annoying bug, that still exists in latest version, the minBarLength doesn't work as expected in case of Stacked bar,
the minBarLength doesn't apply to each dataset, but instead it applies to the whole bar, which cause overlapping, between bars.

Please fix this, it's really unusable for many usecases.

You'll find bellow a reference with the illustrated problem.

Thank you for your hard work.

=======================================
Originally posted by @tomzag in #5741 (comment)

There seems to be a problem with stacked bar charts.

Here for example a horizontal stacked bar chart:

The minBarLength works but the stacked version isn't respecting it and the bars overlap.

[Kit-p]

Hi @nabenzine, would you please kindly share a minimal chart configuration to reproduce this issue? I would like to see if I can help fix this problem!

[nabenzine]

Hi @nabenzine, would you please kindly share a minimal chart configuration to reproduce this issue? I would like to see if I can help fix this problem!

Hi @Kit-p, thank you for your message, I am a bit hopeless, I created a codesandbox that illustrate the problem codesandbox

Thank you in advance !

[Kit-p]

@nabenzine Thank you, will take a look at it.

Meanwhile, I would like to confirm with you (and the Chart.js maintainers if any of you is reading) the expected behavior.

If minBarLength also affects the offset of the bars, we are likely to end up with 3 bars of 1 longer than 1 bar of 10, which is not ideal for a visual comparison of the total of each group.

Should we just fix the offset or add another property to optionally enable the current behavior?

[kurkle]

I don't think current behavior is valid for any use case, so my vote is for just fixing it, without new options.

[Kit-p]

@nabenzine I have made some progress in this. Here is a codesandbox with my version of Chart.js.

I would appreciate if you could help play around with it and report any problem you notice, thank you!

[nabenzine]

@nabenzine I have made some progress in this. Here is a codesandbox with my version of Chart.js.

I would appreciate if you could help play around with it and report any problem you notice, thank you!

That's amazing, thank you very much, It's seems to work fine except for label, I couldn't make them work as usual with the chartjs-plugin-datalabels

Labels are not centered as in my initial codesandbox, maybe I am doing something wrong, Here is the
codesandbox

[Kit-p]

That's weird, but it is expected that the datalabel plugin does not work with a local version of Chart.js. You installed an actual release of Chart.js as a workaround, which could be the cause of the labels not being in center, not 100% sure about that though.

As there is no test on the integration with other plugins, this is quite hard for me to debug. I will finish off the remaining work in these 2 days and push it to my fork, so we can see how it works when properly installed as a node module.