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

Donut label 'cut off'

2 Answers 125 Views
Charts
This is a migrated thread and some comments may be shown as answers.
Craig
Top achievements
Rank 1
Craig asked on 17 Aug 2015, 09:19 AM

Please see attached, I've got a basic donut, with three labels.

The label for the amber segment overlaps the boundary of the chart. - The label is only 8 characters long. 'Amber: 3'

I anticipated that the donut would reduce in size enough to fit the labels in.

The containing div is 260x260px.

Can you advise the best way to fix this?

2 Answers, 1 is accepted

Sort by
0
Plamen Lazarov
Telerik team
answered on 19 Aug 2015, 05:57 AM

Hello Craig,

In general, Kendo UI Donut Chart will not resize automatically to accommodate for the labels size. What you can do is either increase the size of the containing div or adjust the distance to the labels - by default it is 35px.

Additionally you can add some padding to the series. I prepared a basic example for your convenience. 

Regards,
Plamen Lazarov
Telerik
 
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
 
0
Craig
Top achievements
Rank 1
answered on 19 Aug 2015, 08:23 AM

Hi Plamen,

Altering the distance worked a treat. 

Thanks for your help.

 Craig

Tags
Charts
Asked by
Craig
Top achievements
Rank 1
Answers by
Plamen Lazarov
Telerik team
Craig
Top achievements
Rank 1
Share this question
or