[charts] Border radius on bar chart: alternative when bars are stacked?

[nina-alin]

Summary

Hello!

On this page of your documentation, you give an example of applying border radius on the bar chart : https://mui.com/x/react-charts/bars/#border-radius. You also say: "Stacking won't look right with border radius." I tried with other ways, but always ended up with a disappointing result.

My use case is that I have stacked bars (2 or 3, depends on the data) and I want only the upper one to be rounded.

Do you have any alternatives?

Examples

I'm looking for this result:

Motivation

No response

Search keywords: bar slot border radius stacked

[michelengelen]

We are working on this in #12834 ... this should provide a more profound way of adding rounded corners to bar charts

cc @JCQuintas

[github-actions[bot]]

:warning: This issue has been closed. If you have a similar problem but not exactly the same, please open a new issue. Now, if you have additional information related to this issue or things that could help future readers, feel free to leave a comment.

@nina-alin: How did we do? Your experience with our support team matters to us. If you have a moment, please share your thoughts in this short Support Satisfaction survey.