How to increase Doughnut chart hole size in asp.net chart control

Question

0.00/5 (No votes)

See more:

Hi,

I am using asp.net chart control for doughnut chart on my web application. its working fine but I want to increase the hole size. I checked google and find the default size is 60. but I dont know how to change this hole size. Please can anyone help me on this

Thanks

Posted 31-Jul-14 1:27am

Ayyappan Ravi

Add a Solution

1 solution

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

deepankarbhatnagar · Answer 1 · 2014-07-31T02:53:00

Solution 1

hi, you can do changes the radius of doughnut chart in chart.js in the line below :

var

C#

Doughnut = function(data, config, ctx) {
        var segmentTotal = 0;

        //In case we have a canvas that is not a square. Minus 5 pixels as padding round the edge.
        var doughnutRadius = Min([height / 2, width / 2]) - 5;

        var cutoutRadius = doughnutRadius * (config.percentageInnerCutout / 100);

        for (var i = 0; i < data.length; i++) {
            segmentTotal += data[i].value;
        }

.....

regards

Posted 31-Jul-14 2:53am

deepankarbhatnagar

Updated 31-Jul-14 2:55am

v2

Comments

Ayyappan Ravi 31-Jul-14 9:19am

Hi
Below is my .aspx chart control code. can you help to increase the hole size of the doughnut chart

<asp:Chart ID="Chart2" runat="server" Height="600px" Width="600px">
<Titles>
<asp:Title ShadowOffset="3" Name="Student Marks" />
</Titles>
<legends>
<asp:Legend Alignment="Center" Docking="Bottom" IsTextAutoFit="true" Name="Legend"
LegendStyle="Table" />

<series>
<asp:Series Name="Legend" BorderColor="White" BorderWidth="1"
ChartType="Doughnut" CustomProperties="PieStartAngle=270" />

<chartareas>
<asp:ChartArea Name="studentChartArea" BorderWidth="0">

deepankarbhatnagar 1-Aug-14 6:45am

The hole size or radius of daughtnut chart will increase or decrease in the changes of chart.js you must be using. The code which I have mention above is from chart.js only. Please do appropriate changes in chart.js.