chartjs / chartjs/Chart.js

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

Open
#11,721 1 comment 0 reactions 0 assignees View on GitHub
type: bug
Dominant language
JavaScript
Stars
67.7k
Forks
11.9k
Avg merge
7h 39m
Merged PRs (30d)
5

Description

### 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_

Contributor guide

No contributing guide indexed for this repository

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.