當有多個孩子時，Cytoscape Dagre 顯示連接的孩子

Question

我正在使用 Cytoscape Dagre 擴展從左到右顯示層次圖。 它有 14 個孩子和一個父母 1 和主要父母。 所有孩子都連接到父母 1，但每當我使用 dagre 擴展繪制圖形時，似乎孩子之間是相互連接的。 他們之間沒有任何優勢，但達格雷仍然表明了這一點。 帶有 Dagre 的 Cytoscape 是否能夠顯示具有多個子級的層次圖？

這是 stackblitz 示例： https://stackblitz.com/edit/dagre-childrenconnected

Answer 1

您的邊緣與您的子節點重疊，這不是特定於 dagre 的問題，您的 cytoscape-stylesheet 只是缺少一些參數。 對於出租車邊緣，要了解的重要一點是，您的邊緣遵循樣式規則，例如您使用的布局算法。 對於布局，您使用布局選項來指定布局應如何放置節點。 邊緣通過樣式表設置樣式，並且它們都有一些可供選擇的選項。

在您的情況下，您應該查看文檔中的此部分。 在那里你可以找到諸如taxi-direction之類的選項：

"taxi-direction": "rightward", 

使用此選項，您的邊緣將更適合您的布局。 在您的情況下，您沒有指定方向，因此出租車邊緣使用auto選項作為默認值，它會根據垂直或水平距離是否最大自動使用垂直或水平起始方向。 在您的情況下，垂直的觸發導致節點重疊。