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. (Last updated on : Nov 16th 2018).
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

How to change the size of the doughnut hole?

You can customize the size of doughnut hole and the doughnut size 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 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

JS

 

JS Playground link: Doughnut Size

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 is 0.4

JS

 

JS Playground Link: Doughnut Coefficient

The following screenshot displays doughnut chart with doughnut coefficient 0.6

 

Article ID: Published Date: Last Revised Date: Platform: Control: .NET Framework: Product Version:
3297 01/20/2015 08/10/2015 JavaScript ejChart 4 12.1.0.43
Did you find this information helpful?
Add Comment
You must log in to leave a comment

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