Donut Chart Hole Value

6 posts, 1 answers
  1. John Thompson
    John Thompson avatar
    44 posts
    Member since:
    Dec 2009

    Posted 02 Aug 2012 Link to this post

    I have an application that I need to place the total of the values in the center hole of a donut chart.  For instance, if I had 5 series values of 1, 2, 3, 4 and 5 then the hole in the center of the donut would contain 15.  Of course, I would need to be able to control the font and format of the number.

    Is this possible?

    Regards,

    Jay
  2. Answer
    Iliana Nikolova
    Admin
    Iliana Nikolova avatar
    2593 posts

    Posted 06 Aug 2012 Link to this post

    Hi Jay,

    I am afraid what you are trying to achieve is not supported. Such functionality is not in our immediate plans, however we may consider it for future releases. If you wish you can create an entry at our UserVoice page - the community interest in the idea will influence on our decision towards implementing it.

    Regards,

    Iliana Nikolova
    the Telerik team
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
  3. Kendo UI is VS 2017 Ready
  4. Jo
    Jo avatar
    4 posts
    Member since:
    May 2014

    Posted 15 Sep 2014 Link to this post

  5. Devin
    Devin avatar
    15 posts
    Member since:
    Aug 2007

    Posted 09 Oct 2015 Link to this post

    I hate to thread resurrect but this is exactly what I'm trying to accomplish.  Has this been added by chance?
  6. Iliana Nikolova
    Admin
    Iliana Nikolova avatar
    2593 posts

    Posted 14 Oct 2015 Link to this post

    Hello Devin,

    You could get this outcome using additional HTML / CSS. For your convenience here is a dojo example.

    Regards,
    Iliana Nikolova
    Telerik
     
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
     
  7. Devin
    Devin avatar
    15 posts
    Member since:
    Aug 2007

    Posted 15 Oct 2015 in reply to Iliana Nikolova Link to this post

    That'll work, it'd be nice for native support as it's a pretty common use-case, but this will work.

     For anyone else that's going to do this I recommend adding the css class

    pointer-events: none

    on the box that's in the center so you don't disrupt the mouse-over events of the chart at all.

Back to Top
Kendo UI is VS 2017 Ready