1. 树布局算法(翻译)

    大概思路:该算法采用深度优先的方式遍历整个多叉树。第一步:如果是叶子节点则其x坐标等于其左兄弟的x坐标加上间距distance,如果是非叶子节点则其x坐标等于其左兄弟的x坐标加上间距distance,同时记录下偏移量(x坐标与子节点的中点之差)。第二步:将所有的子节点按父节点的偏移量移动。第三步:计算多叉树的轮廓,如果轮廓值小于0则说明左右子树存在重叠,将右子树偏移该轮廓值。

    树图布局 论文-英文

    http://llimllib.github.io/pymag-trees/

  2. 老论文

image.png
image.png

d3 的节点算法

https://github.com/d3/d3-hierarchy/blob/master/src/tree.js

https://github.com/d3/d3-hierarchy/blob/master/src/hierarchy/index.js

类树图力导向图

重点是y轴位置,(findex已经决定了x位置)

http://jxjweb.top/2020/12/14/1.html

http://jxjweb.top/2020/12/14/2.html

http://jxjweb.top/2020/12/14/3.html

http://jxjweb.top/2020/12/14/4.html

//对树图数据进行处理得到需要的基础点位信息yindex,xindex的点/线数据

实体关系Thu Dec 31 2020 18_08_16 GMT+0800 (中国标准时间).png进程链Mon Dec 28 2020 19_55_57 GMT+0800 (中国标准时间).png进程链Mon Dec 28 2020 19_55_36 GMT+0800 (中国标准时间).png

实体关系Thu Dec 31 2020 18_09_06 GMT+0800 (中国标准时间).png


jilinyigan
19 声望3 粉丝

这要做,一切都是早晚的事


« 上一篇
g6 核心概念
下一篇 »
g6 开发经验