Donut with two series - labels for inner ring?

5 posts, 0 answers
  1. Jaesoon
    Jaesoon avatar
    51 posts
    Member since:
    Oct 2012

    Posted 19 May Link to this post

    Hi there,

    I was wondering if it is possible to have labels for the inner ring of a two-series donut?  When I made the labels visible they appeared over the appropriate donut segment, but I would like to move them into the middle (see my attached mockup).

     

    Thanks,

    JSK

  2. Alex Hajigeorgieva
    Admin
    Alex Hajigeorgieva avatar
    114 posts

    Posted 20 May Link to this post

    Hello Jaesoon,

    The Kendo UI Donut Chart does not provide the exact same layout capabilities, however, I can suggest placing the labels over the nested donuts in the following way: 

    http://dojo.telerik.com/UzUHE

    Regards,
    Alex
    Telerik
     
    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. Jaesoon
    Jaesoon avatar
    51 posts
    Member since:
    Oct 2012

    Posted 22 May in reply to Alex Hajigeorgieva Link to this post

    Thanks Alex, I will try using the render event to accomplish this.

  5. Jaesoon
    Jaesoon avatar
    51 posts
    Member since:
    Oct 2012

    Posted 23 May in reply to Jaesoon Link to this post

    In case someone else might find it useful, here's my solution. It's a bit rough, but does what I need it to. The inner labels and their line start points move around according to where they need to point to.

    http://dojo.telerik.com/UzUHE/4

     

     

  6. Alex Hajigeorgieva
    Admin
    Alex Hajigeorgieva avatar
    114 posts

    Posted 25 May Link to this post

    Hello Jaesoon,

    I am very pleased to see that you managed to achieve the desired look of the Kendo UI Donut Chart.
    Thank you for sharing your solution in the forum. 

    Kind

    Regards,
    Alex
    Telerik
     
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
     
Back to Top
Kendo UI is VS 2017 Ready