Put Label in Donut Chart Center

Thread is closed for posting
1 posts, 0 answers
  1. 63F75A2C-1F16-4AED-AFE8-B1BBD57646AD
    63F75A2C-1F16-4AED-AFE8-B1BBD57646AD avatar
    1572 posts
    Member since:
    Oct 2004

    Posted 30 Oct 2015 Link to this post


    Telerik Product and Version

    Telerik UI for ASP.NET AJAX Q3 2015 SP1

    Supported Browsers and Platforms

    All browsers and platforms supported by Telerik UI for ASP.NET AJAX

    Components/Widgets used (JS frameworks, etc.)


    This project shows how to place a label inside the whole of a donut series (Figure 1).

    The example generates a random value from 0 to 100 and creates two donut items client-side - the one with the generated value and the other subtracted from 100. A simple ASP:Label is assigned with the generated value and positioned absolutely in the donut whole with CSS.

    Figure 1: Donut chart with a label inside its whole.
    Donut Label Inside

    You can review the project attached at the bottom of this article for additional reference.

Back to Top

This Code Library is part of the product documentation and subject to the respective product license agreement.