[Charts] Pie Charts - Allow Percentages for innerRadius / outerRadius

[johnsonav1992]

Summary 💡

As of now, Mui-X Pie charts that are being turned into donut charts via innerRadius and outerRadius cannot use percentages for these two properties (among other properties not listed here that only take numbers and not percentages that would also benefit from being able to take percentages). Because of this, when using a responsive chart, the width of the donut arc changes because the inner / outer radii are not scaling with the size of the donut.

Examples 🌈

Current functionality

Desired Functionality

Motivation 🔦

We currently cannot fully migrate from our current charting library because of a couple of basic, missing features from Mui-X-Charts, this being one of them.

Search keywords: Pie Chart Inner Radius
Order ID: 73086

[michelengelen]

Hey @alexfauquette ... this is one for you to look at! 💪🏼

Thanks 🙇🏼

[johnsonav1992]

@alexfauquette What's the status on this? Thank you!

[alexfauquette]

It's in the TODO I assume should arrive around the end of the month, depending on the difficulty to add it, and the review cycle

[johnsonav1992]

It's in the TODO I assume should arrive around the end of the month, depending on the difficulty to add it, and the review cycle

Thank you, sir!

[alexfauquette]

@johnsonav1992 I tried a very rough reproduction of your usecase with this PR build #11464 Do I miss something?

https://codesandbox.io/p/sandbox/async-wildflower-yhklwf?file=%2Fsrc%2FDemo.tsx%3A30%2C23

resize.mp4

[johnsonav1992]

@alexfauquette Sorry for the delay! I have been on a holiday break. That is exactly it! Greatly appreciate you working on this. Was this merged PR released yet or is it coming in a future release?

[LukasTy]

@johnsonav1992 It has been included in the latest 6.18.4 release. 😉

[johnsonav1992]

@LukasTy Just checked and I see it now! Thank you guys! Appreciate all your hard work!