Put Label in Donut Chart Center

1 posts, 0 answers
  1. Telerik Admin
    Telerik Admin avatar
    1679 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