Chart.js icon indicating copy to clipboard operation
Chart.js copied to clipboard

Stacked Bar Chart show/hide animations have wrong target values

Open hemmoleg opened this issue 1 year ago • 4 comments

Expected behavior

when showing/hiding parts of a stacked bar chart in conjunction with fixed y-coordinates for the show/hide animation both the upper and lower end of the part which is being shown/hidden should animate towards the set y-coordinate.

Current behavior

instead what happens is that the upper end moves towards the set y-coordiante, which is correct. however the lower end moves towards the upper end of the part which is above the part that is being hidden. check out the reproduction sample and let me explain again using that sample as a reference: in the legend click on the item for "A". as you can see the A-part of all bars is being hidden. But the animation is wrong. So what hapens is that the upper end of the A-parts moves towards the set y-coordinate. however, as i said, the lower end of the A-part moves towards the upper end of the B-part which is on top of it. What should happen instead is that both the upper and the lower end of a part move towards the set y-coordinate.

Reproducible sample

https://codepen.io/hemmoleg-the-sans/pen/yLxQyEG

Optional extra steps/info to reproduce

No response

Possible solution

No response

Context

No response

chart.js version

v4.2.1

Browser name and version

No response

Link to your project

No response

hemmoleg avatar Mar 22 '23 14:03 hemmoleg