Kendo UI pie chart label overlap

3
votes

I'm having issues with getting a kendo UI pie chart to display segment labels in a readable fashion. From reading through various forums etc there doesn't seem to be a known approach to solving this issue? Please see the screenshot and dojo link below

http://dojo.telerik.com/icEHu

enter image description here

1
javascriptkendo-uikendo-chart

1 Answers

2
votes

You can read my answer in this post.

What you're looking for is a feature that exists in Telerik's UI widgets called Smart Labels. Unfortunately, this feature doesn't exist in their Kendo UI widgets.

I suggested several solutions to mitigate the issue but it doesn't solve it completely:

  • Use categoryAxis.labels.step / categoryAxis.labels.skip options and display only some of the labels

  • Use a categoryAxis.labels.template and trim the labels to a specific length

  • Disable labels altogether (probably not an option)