如何避免標簽重疊？

Question

我正在嘗試創建一個包含帶有長標簽的節點的網絡，但這會導致標簽相互重疊，從而難以清楚地閱讀它們。

我怎樣才能分開這些標簽？

如何對齊一種化合物中的元素？

Answer 1

• 調整樣式表中標簽的相對大小
• 調整布局，使節點分布得更遠
• 使用短標簽； 您可以在其他地方顯示長文本，例如在工具提示中

Answer 2

您可以使用avoidOverlap: true和nodeDimensionsIncludeLabels: true 。

var layout = cy.elements().layout({
    name: 'dagre',
    avoidOverlap: true,
    nodeDimensionsIncludeLabels: true
});
layout.run();

在這里，我使用的是cytoscape-dagre ，但根據文檔，使用 cytoscape.js 附帶的布局也是可能的，例如網格布局。

有趣的是，這些選項沒有列在 cytoscape-dagre 的文檔中，但它們確實可以使用它。