当有多个 children 时,Cytoscape Dagre 显示已连接 Children
Cytoscape Dagre shows connected Children when there are multiple children
我正在使用 Cytoscape Dagre 扩展从左到右显示层次结构图。
它有 14 children 和 1 parent 1 和 main parent。所有 children 都连接到 parent 1 但每当我使用 dagre 扩展绘制图形时,似乎 children 彼此连接。它们之间没有任何边缘,但 Dagre 仍然表明了这一点。带有 Dagre 的 Cytoscape 是否能够显示具有多个 children 的层次图?
这是 stackblitz 示例:https://stackblitz.com/edit/dagre-childrenconnected
你的边缘与你的子节点重叠,这不是 dagre 特有的问题,你的 cytoscape-stylesheet 只是缺少一些参数。对于出租车边缘,需要了解的重要一点是,您的边缘遵循样式规则,例如您使用的布局算法。对于布局,您可以使用布局选项来指定布局应如何放置节点。边缘通过样式表设置样式,它们都有一些可供选择的选项。
对于您的情况,您应该查看文档中的 this 部分。在那里你可以找到像 taxi-direction
:
这样的选项
"taxi-direction": "rightward",
使用此选项,您的边缘会更适合您的布局。在您的情况下,您没有指定方向,因此滑行边缘使用 auto
选项作为默认值,它会根据垂直距离或水平距离最大自动使用垂直或水平起始方向。在你的情况下,垂直的触发导致重叠节点。
我正在使用 Cytoscape Dagre 扩展从左到右显示层次结构图。 它有 14 children 和 1 parent 1 和 main parent。所有 children 都连接到 parent 1 但每当我使用 dagre 扩展绘制图形时,似乎 children 彼此连接。它们之间没有任何边缘,但 Dagre 仍然表明了这一点。带有 Dagre 的 Cytoscape 是否能够显示具有多个 children 的层次图?
这是 stackblitz 示例:https://stackblitz.com/edit/dagre-childrenconnected
你的边缘与你的子节点重叠,这不是 dagre 特有的问题,你的 cytoscape-stylesheet 只是缺少一些参数。对于出租车边缘,需要了解的重要一点是,您的边缘遵循样式规则,例如您使用的布局算法。对于布局,您可以使用布局选项来指定布局应如何放置节点。边缘通过样式表设置样式,它们都有一些可供选择的选项。
对于您的情况,您应该查看文档中的 this 部分。在那里你可以找到像 taxi-direction
:
"taxi-direction": "rightward",
使用此选项,您的边缘会更适合您的布局。在您的情况下,您没有指定方向,因此滑行边缘使用 auto
选项作为默认值,它会根据垂直距离或水平距离最大自动使用垂直或水平起始方向。在你的情况下,垂直的触发导致重叠节点。