search

chartjs / Chart.js

Simple HTML5 Charts using the <canvas> tag
https://www.chartjs.org/
MIT License
63.92k stars 11.89k forks source link

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

Open TomTom-Labs opened 3 months ago

TomTom-Labs commented 3 months ago

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