We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

How to change the size of the doughnut hole?

Platform: ASP.NET MVC |
Control: Chart

You can customize the size of doughnut hole and the size of doughnut by using DoughnutCoefficient property and DoughnutSize property respectively with respect to chart size.

Doughnut size

Doughnut series supports DoughnutSize property that controls the size of the doughnut series with respect to the available chart size. Doughnut series takes the entire chart space when DoughnutSize is 1, it takes value from 0 to 1. By default the value of doughnutSize is 0.8.



The following screenshot displays doughnut chart with doughnut size 0.7

Doughnut Coefficient

Doughnut charts are pie charts with a hole at center, whose value is specified using DoughnutCoefficient property. It takes values from 0 to1. By default the value of DoughnutCoefficient property is 0.4



The following screenshot displays doughnut chart with doughnut coefficient 0.6




2X faster development

The ultimate ASP.NET MVC UI toolkit to boost your development speed.
You must log in to leave a comment

Please sign in to access our KB

This page will automatically be redirected to the sign-in page in 10 seconds.

Up arrow icon

Warning Icon You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.Close Icon

Live Chat Icon For mobile