分析
饼图的label有内置和外置的情况。
内置
暂无
外置
困扰
label 的文本长度
数据跨度过大时，小数据对应弧度过小
所收集的解决方案
内置
暂无
外置
- 简单处理http://jsfiddle.net/JTuej/9/
- 杜绝重叠http://jsfiddle.net/B2WBU/49/
- 加线美观不足 http://jsfiddle.net/thudfactor/HdwTH/
- 调整方位使线条美观http://jsfiddle.net/HanLiu/r6bmy2c4/
bug：本以为弧度过小导致数据叠加通过上下平移就可以解决了，万万没想到，总有写奇葩的数据，极差过大。小数据过大，移啊移啊的就移出svg的范围了。
后续：思路：通过y判断是否溢出，然后在饼图下方，画出label。不连接饼图。在不重叠的原则下再在饼图上标明会溢出的小弧度。
待实现 or 找到更好的思路
4是参考 2,3做出的更改。2，3原址：https://www.safaribooksonline.com/blog/2014/03/11/solving-d3-label-placement-constraint-relaxing/ 。
本以为要翻墙。测试了一下发现不用。。然后又试了百度关键词。然而不知道百度的都是什么渣
最后
以上就是兴奋百合最近收集整理的关于D3JS：饼图 Label显示重叠的几种破法分析所收集的解决方案的全部内容，更多相关D3JS：饼图内容请搜索靠谱客的其他文章。
本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。
发表评论 取消回复