![](/img/trans.png)
[英]How to deal with multiple trees situation when using dagre layout in Cytoscape.js
[英]Cytoscape Dagre shows connected Children when there are multiple children
我正在使用 Cytoscape Dagre 扩展从左到右显示层次图。 它有 14 个孩子和一个父母 1 和主要父母。 所有孩子都连接到父母 1,但每当我使用 dagre 扩展绘制图形时,似乎孩子之间是相互连接的。 他们之间没有任何优势,但达格雷仍然表明了这一点。 带有 Dagre 的 Cytoscape 是否能够显示具有多个子级的层次图?
这是 stackblitz 示例: https://stackblitz.com/edit/dagre-childrenconnected
您的边缘与您的子节点重叠,这不是特定于 dagre 的问题,您的 cytoscape-stylesheet 只是缺少一些参数。 对于出租车边缘,要了解的重要一点是,您的边缘遵循样式规则,例如您使用的布局算法。 对于布局,您使用布局选项来指定布局应如何放置节点。 边缘通过样式表设置样式,并且它们都有一些可供选择的选项。
在您的情况下,您应该查看文档中的此部分。 在那里你可以找到诸如taxi-direction
之类的选项:
"taxi-direction": "rightward",
使用此选项,您的边缘将更适合您的布局。 在您的情况下,您没有指定方向,因此出租车边缘使用auto
选项作为默认值,它会根据垂直或水平距离是否最大自动使用垂直或水平起始方向。 在您的情况下,垂直的触发导致节点重叠。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.