Ярлык перекрывается с cytoscape.js

Question

Я пытаюсь создать сеть, содержащую узлы с длинными метками, поэтому в результате получается, что метки перекрываются друг с другом, что затрудняет четкое чтение каждой метки. Как я могу разделить эти метки с помощью cytoscape.js? Другой вопрос, что это составные узлы, как я могу выровнять элементы в одном соединении?

Спасибо!!

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, но они с ним работают.