Stacked and unstacked barchart overlapping

[karthiksd9]

i am having a chart that has grouped Stacked and unstacked bar graphs.
i am also generating bar graphs with different widths.

Issue:
Groped bar graphs are overlapped on each other(while resizing the browser also) when using chart.js version 2.5.
Same thing i tried with version 2.4, but grouped stack is not working.

I implemented overlap bar graph(different width) with help of this :
#3946

Below is the fiddle:
https://jsfiddle.net/ocntjosm/1/

[etimberg]

The grouped stacked bars were a new feature in v2.5.0. @potatopeelings any thoughts on this?

[potatopeelings]

I think this is due to #3849 (fixed in #3899 for the next release) - the bug with overlapping x axes for bar charts.

@karthiksd9 - can you take a look at https://jsfiddle.net/20wphvow/ to check if that's what you were looking to plot - I've copied your code over to a fiddle with the fixed library. This will be fixed in v2.6. Cheers!

Edit - oops! I put in the wrong fiddle initially. Corrected it now.

[karthiksd9]

@potatopeelings Thanks for your reply.
No. I want stack 1,2,3 adjacent to each other. Not overlapping on each other unstacked.

I want something like this : http://jsfiddle.net/4rjge8sk/ along with different width bar.

I was able to achieve it in the fiddle i attached (https://jsfiddle.net/ocntjosm/1/). The only problem is, adjacent bar lines overlap on browser zoom in or zoom out.

[potatopeelings]

The grouped stacked bar code doesn't factor in multiple axes.

But all the same, I messed around with your fiddle a bit (removed barThickness and adjusted categoryPercentage and barPercentage) and got this - https://jsfiddle.net/dbykyxt1/ but I'm not exactly sure how it works :-)

[kurkle]

in v3, barPercentage, categoryPercentage and barThickness are dataset properties.
Fiddling with the percentages you can get what you were looking for:
https://jsfiddle.net/xp5o083j/
(using percentages, so zooming does not cause overlapping)

closing as resolved.