antvis/G6













Do you want to work on this issue?
You can request for a bounty in order to promote it!
dagre布局的同层级节点问题 #5016
NollieLeo posted onGitHub
问题描述
基于dagre的布局搞出来的流程图,并且给每一个node都设置了layer
但是这里出现了一个顺序问题 -- 当我给条件2节点添加后续节点的时候,条件1和条件2 节点原有的位置发生了改变
我也尝试着按照id设置每个层级node 的order的顺序,似乎有效果,只不过“followUp”这个节点的位置不对,应该是要跟随在条件2节点的后续。
重现链接
有个类似的issue地址https://github.com/dagrejs/dagre/issues/287
重现步骤
type Node = {
....
layer: number; // layer的顺序在图中画了~~
}
....
new DagreLayout({
nodesep: 40,
ranksep: 30,
align: undefined,
type: 'dagre',
rankdir: 'TB',
nodeOrder: map(
nodes.sort((pre, next) => (pre.data?.order || 0) - (next.data?.order || 0)),
({ id }) => id
), // 具体的order顺序可以参考问题描述里头画的
}),
预期行为
dagre布局会存在同层级节点下沉的情况
所以我希望如何让他不下沉或者在我设置了layer的情况下,如何有效的控制节点的顺序
平台
- 操作系统: [macOS, Windows, Linux, React Native ...]
- 网页浏览器: [Google Chrome, Safari, Firefox]
- G6 版本: [4.5.1 ... ]
屏幕截图或视频(可选)
No response
补充说明(可选)
No response