我是靠谱客的博主 兴奋百合,最近开发中收集的这篇文章主要介绍D3JS:饼图 Label显示重叠的几种破法分析所收集的解决方案,觉得挺不错的,现在分享给大家,希望可以做个参考。

概述

分析

饼图的label有内置外置的情况。

内置

暂无

外置

困扰

label 的文本长度
数据跨度过大时,小数据对应弧度过小

所收集的解决方案

内置

暂无

外置

  1. 简单处理http://jsfiddle.net/JTuej/9/
  2. 杜绝重叠http://jsfiddle.net/B2WBU/49/
  3. 加线美观不足 http://jsfiddle.net/thudfactor/HdwTH/
  4. 调整方位使线条美观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:饼图 Label显示重叠的几种破法分析所收集的解决方案所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(57)

评论列表共有 0 条评论

立即
投稿
返回
顶部