Stacked chart bar with border radius looks strange

Expected Behavior

Stacked bar charts with border radius should only be applied to the uppermost element or lowermost element in case of negative value.

Current Behavior

Border radius is applied to every stacked element. Screenshot here

Steps to Reproduce

Set chart to bar, set border radius and set dataset to stack.

Context

I can’t use this feature because it doesn’t look good enough.

Environment

• Chart.js version:
• Browser name and version:
• Link to your project:

Chrome 89.0.4389.114 (64 bits) Chart.js v3.1.0

[LeeLenaleee]

Thanks @LeeLenaleee. In the scriptable context, the chart should be available as ctx.chart.

Yes it indeed does have the chart, my bad looked over it in the console log

[etimberg]

Here’s a version that works more broadly, but if has some caveats.

1. Does not handle multiple stacks
2. Does not handle the dataset.order property
3. Does not handle mixed chart types.

https://jsfiddle.net/b4haynxc/