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

"borderRadius" at bottom is ignored, when using "borderSkipped: 'middle'"

Open TomTom-Labs opened this issue 1 year ago • 1 comments

Expected behavior

All stacked bars should be rounded at the bottom

Current behavior

Only bars that have more than one value in the dataset are rounded correctly. Other bars are rounded wrong at the bottom.

Looking at the provided example, bar “store 1” and “store 3” are rounded the way I want it. The other 2 bars are flat at the bottom.

Reproducible sample

https://codepen.io/TomTomDev/pen/mdgOxNy

Optional extra steps/info to reproduce

No response

Possible solution

No response

Context

No response

chart.js version

v4.4.2

Browser name and version

Chrome Version 122.0.6261.129

Link to your project

No response

TomTom-Labs avatar Mar 17 '24 10:03 TomTom-Labs

This problem still seems to be present.

t0mc0llins avatar Aug 14 '25 12:08 t0mc0llins