Home / Community & Support / Developer Productivity Tools Forums / ASP.NET > Chart > RadChart Doughnut Chart (for non silverlight application)

• Suraj

  Posted on May 31, 2011 (permalink)

  Hi,
  For my non silverlight ASP.NET application we would like to have a doughnut chart and not a pie chart. I tried looking into the chart controls provided by telerik but I can see only pie charts and line charts.
  
  1. Is there a Doughnut chart provided by Telerik for ASP.NET applications?
  2. If not then can I customize the pie chart to make it look like a doughnut? and if so then how?
  
  Thanks,
  Suraj

• Yavor Yavor

  Posted on Jun 3, 2011 (permalink)

  Hello Suraj,

  The Doughnut chart type is not supported in our ASP.NET RadChart. Unfortunately we cannot offer you any possible customizations to modify the pie chart into a doughnut one.
  
  For the time being, we have discontinued any development for new features in RadChart For ASP.NET AJAX and this is why we cannot commit the doughnut type availability to any of our next releases. Is it possible for you to consider using our RadChart for Silverlight in your ASP application like shown on this example?
  
  

  Kind regards,
  Yavor Ivanov
  the Telerik team

  Consider using RadControls for ASP.NET AJAX (built on top of the ASP.NET AJAX framework) as a replacement for the Telerik ASP.NET Classic controls, See the product support lifecycle here.

• Suraj

  Posted on Jun 3, 2011 (permalink)

  Thanks for the reply.
  Since Telerik does not supply donut out of the box and no customizations then is it possible to embed an circle in the middle of the donut chart and make the circle's background opaque?
  
  If it is possible then please give me a code sample.
  
  Cheers,
  Suraj

• Yavor Yavor

  Posted on Jun 8, 2011 (permalink)

  Hi Suraj,

  You can experiment with different solutions as there are no official supported ones. Unfortunately, there is no way to embed another image on top of the pie, but you can create a circular image that is painted in the color of the plot area and place it in the middle of the pie using absolute coordinates. Still, you will have to calculate the correct coordinates for this image.
  
  Here is a sample:

  <div>

      <asp:Image runat="server" ID="im1" Style="position: absolute; top: 122px; left: 125px; height: 87px; width: 96px;" ImageUrl="~/CvC1.jpg" />

      <telerik:RadChart ID="RadChart1" runat="server" AutoLayout="True" />

  </div>

  
  

  All the best,
  Yavor Ivanov
  the Telerik team

  Consider using RadControls for ASP.NET AJAX (built on top of the ASP.NET AJAX framework) as a replacement for the Telerik ASP.NET Classic controls, See the product support lifecycle here.

• Paul

  Posted on Jun 27, 2011 (permalink)

  Since there is no officially supported way to create a donut chart (without Silverlight), and since you have said that no further development is planned for the non-Silverlight ASP.net controls, how did your marketing team come up with the donut chart that appears in the ASP.net controls demo (see link here: http://demos.telerik.com/aspnet-ajax/salesdashboard/)? Did they use absolute controls to paste a circle inside the pie chart? Can you provide an example of the source code for the donut chart in the ASP.Net AJAX demo?
  
  

• Sia Sia

  Posted on Jun 27, 2011 (permalink)

  Hi Paul,
  
  These are our Silverlight controls /RadChart and RadGauge/ integrated with several controls for ASP.net. Please let us know whether such solution is appropriate for you so we can send you the sample code for it.
  
  Greetings,
  Sia
  the Telerik team

  Consider using RadControls for ASP.NET AJAX (built on top of the ASP.NET AJAX framework) as a replacement for the Telerik ASP.NET Classic controls, See the product support lifecycle here.

Back to Top

Home / Community & Support / Developer Productivity Tools Forums / ASP.NET > Chart > RadChart Doughnut Chart (for non silverlight application)