D3JS:饼图 Label显示重叠的几种破法
2016-10-19 18:13
357 查看
分析
饼图的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/ 。
本以为要翻墙。测试了一下发现不用。。然后又试了百度关键词。然而不知道百度的都是什么渣
相关文章推荐
- Echarts中axislabel文字过长导致显示不全或重叠
- Echarts中柱图的axislabel文字过长导致显示不全或重叠
- iOS设置Label上显示不同字体大小
- DataGridView显示行号的几种方法
- Flex 中 Label 和 Text 显示效果的区别
- div中追加内容的几种情况与div中内容隐藏与显示的问题
- [iphone-cocos2d]把label显示到页面上
- SharePoint上传文件显示在label 页面Session["demo"] = new List<String>();(实现)
- iOS小demo之根据label的宽度计算字符串显示需要的高度
- 关于歌词显示重叠
- 通过程序设计几何图形(Shape)、矩形(Rectangle)、圆形(Circle)、正方形(Square)几种类型, 能够利用接口和多态性计算几何图形的面积和周长并显示。
- 计算文本的高度并显示在label上出现灰色的线条
- android Toast显示消息的几种方法
- WPF--常见属性Label的隐藏和显示
- 总结ASP.NET MVC Web Application中将数据显示到View中的几种方式
- Mac 中显示资源库(Library)文件夹目录的几种方法
- C# 自定义Label实现 指定字符串(关键词)高亮显示(字体、颜色)
- 解决TortoiseCVS在Win7下重叠图标不显示的问题 .
- 一个label里面 显示中文和英文不同的颜色
- flex4解决label中文字过长显示省略号的办法