Kendo UI 饼图标签重叠

Posted

技术标签:

【中文标题】Kendo UI 饼图标签重叠【英文标题】:Kendo UI pie chart label overlap 【发布时间】:2017-07-11 07:35:33 【问题描述】:

我在获取 kendo UI 饼图以以可读方式显示分段标签时遇到问题。通过阅读各种论坛等,似乎没有解决此问题的已知方法?请看下面的截图和道场链接

http://dojo.telerik.com/icEHu

【问题讨论】:

【参考方案1】:

你可以在this post阅读我的回答。

您正在寻找的是 Telerik 的 UI 小部件中存在的一项功能,称为 Smart Labels。不幸的是,他们的 Kendo UI 小部件中不存在此功能。

我提出了几种解决方案来缓解这个问题,但并没有完全解决:

使用categoryAxis.labels.step / categoryAxis.labels.skip 选项和 只显示部分标签

使用 categoryAxis.labels.template 并将标签修剪为特定的 长度

完全禁用标签(可能不是一个选项)

【讨论】:

以上是关于Kendo UI 饼图标签重叠的主要内容,如果未能解决你的问题,请参考以下文章

如何减小 Kendo UI 饼图的大小?

Kendo UI angular - 在条形图中旋转 x 轴的标签

如何在 Kendo UI Charts 中禁用饼图的交互式图例?

解决echarts中饼图标签重叠的问题

Echarts 解决饼图文字过长重叠的问题

饼图值重叠并被裁剪MPAndroidChart