This is a migrated thread and some comments may be shown as answers.

Donut with two series - labels for inner ring?

4 Answers 116 Views
Charts
This is a migrated thread and some comments may be shown as answers.
Jaesoon
Top achievements
Rank 1
Jaesoon asked on 19 May 2016, 05:22 AM

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

4 Answers, 1 is accepted

Sort by
0
Alex Hajigeorgieva
Telerik team
answered on 20 May 2016, 04:27 PM
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!
 
0
Jaesoon
Top achievements
Rank 1
answered on 22 May 2016, 10:05 PM

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

0
Jaesoon
Top achievements
Rank 1
answered on 24 May 2016, 03:27 AM

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

 

 

0
Alex Hajigeorgieva
Telerik team
answered on 25 May 2016, 10:32 AM

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!
 
Tags
Charts
Asked by
Jaesoon
Top achievements
Rank 1
Answers by
Alex Hajigeorgieva
Telerik team
Jaesoon
Top achievements
Rank 1
Share this question
or