Radzen Donut Sizing

Radzen.Blazor Components
1

I would like the donut to look like the jpg called ExactRadius. I used:
<RadzenDonutSeries Radius="100" InnerRadius="80"
The problem is it is not responsive.
ExactRadius

If I don't set the Radius or InnerRadius it is responsive, but the inner radius is way to small as in the jpg RadiusNotSet.
RadiusNotSet
I need to either be able to set the Radius and InnerRadius changes in a CSS media query or have the InnerRadius be a percentage of the radius. Apparently you cannot use percentages for the Radius and InnerRadius, which is really annoying.

Anyone have any ideas? Hopefully you can see the screenshots I uploaded. I cannot see them while I am writing this.

Thanks,

Michael

2

Hi @michaeld,

At the moment percentage based inner radius isn't supported. Specifying the inner radius via CSS is also not supported as it should be known in the C# code. The current implementation sets the inner radius to be half the radius if not set. We can probably add a property to change that ratio. Would also gladly accept a pull request implementing it.

3

Thanks for the response! When you say "We can probably add a property to change that ratio", does that mean it will actually be done? And when you say "Would also gladly accept a pull request implementing it", is a pull request something I do? I don't know what a pull request is.

Also, if it was to be done, any idea of a time frame?

Thanks again,

Michael

4

Yes, this is what I meant.

Here is what a pull request is: About pull requests - GitHub Docs

Can't commit with a deadline.

5

After reading about pull requests, I assume one of your developers would do a pull request?

I realize you can't commit to a deadline, but just guessing, would it be days, weeks, or months?

Thanks,

Michael

6

No, I meant that you or another community member could implement that feature and submit a pull request that we would gladly merge.

Months probably. If you need it urgently you could consider implementing it. It is really simple - this code should be refactored to use a public parameter property instead of a constant: radzen-blazor/Radzen.Blazor/RadzenDonutSeries.razor at master · radzenhq/radzen-blazor · GitHub.