Cytoscape. js - изменить размер родительского узла - PullRequest
Новая
       37

Cytoscape. js - изменить размер родительского узла

0 голосов
/ 28 апреля 2020

Я использую cytoscape. js для визуализации графических данных из Neo4j. Одно из отношений, которые меня особенно интересуют, это отношение родитель-потомок, которое в цитопространстве. js делает визуализацию бриза большей частью.

Однако, когда родитель содержит только одного ребенка, этот ребенок узел располагается над меткой родительского узла, поэтому его невозможно прочитать, не выбрав его и не записав метку где-то еще на странице.

Пример того, как дочерний узел скрывает представление родительского узла

Есть ли способ обойти эту проблему - например, можно изменить минимальный размер родительского узла?

РЕДАКТИРОВАТЬ: Найден «узел text-align: top», который размещает текст снаружи и сверху узлов, что решило проблему просмотра метки. Тем не менее, все еще интересует, возможно ли изменение размера.

1 Ответ

1 голос
/ 28 апреля 2020

В документах есть целый раздел о теле узла и о том, как его можно изменить. В частности, здесь может быть интересен подраздел о padding . Если вы действительно хотите, вы можете установить min-width и min-height для узлов или родителей, но лучше придерживаться выравнивания меток (как вы уже поняли).

Для будущего см. этот отрывок из документов:

Заполнение:

Заполнение определяет дополнение к измерению узла. Например, заполнение добавляет к внешней (то есть общей) ширине и высоте узла. Это можно использовать для добавления расстояния вокруг метки ширины: метка; высота: этикетка; узлы, или его можно использовать для добавления промежутка между родительским узлом составного узла и его дочерними элементами.

  • padding : величина заполнения по всем сторонам узла. Можно указать процентное или пиксельное значение. Например, 50% и 50px являются приемлемыми значениями. По умолчанию процентное заполнение рассчитывается как процент от ширины узла.
  • padding-относительный к : определяет, как заполнение рассчитывается тогда и только тогда, когда используется процентная единица. Принимает одно из ключевых слов, указанных ниже.
  • width : вычисляет отступ в процентах от ширины узла.
  • height : вычисляет отступ в процентах высоты узла.
  • среднее : вычисление заполнения в процентах от среднего значения ширины и высоты узла.
  • min : вычисление заполнения в процентах от минимальной ширины и высоты узла.
  • max : вычисление заполнения в процентах от максимальной ширины и высоты узла.

Размер составного родительского элемента:

  • component-sizing-wrt-label : включать ли метки потомков в размеры составного узла; может включать или исключать.
  • min-width : Определяет минимальную (внутреннюю) ширину тела узла для составного родительского узла (например, 400 пикселей). Если смещения для минимальной ширины не складываются до 100%, то смещения нормализуются в общей сложности до 100%.
  • min-width-bias-left : Когда состав узел увеличивается на его минимальную ширину, это значение указывает процент дополнительной ширины, помещенной с левой стороны узла (например, 50%).
  • min-width-bias-right : Когда составной узел увеличивается на его минимальную ширину, это значение указывает процент дополнительной ширины, помещенной с правой стороны узла (например, 50%).
  • min-height : Указывает минимальную (внутреннюю) высоту тела узла для составного родительского узла (например, 400 пикселей). Если смещения для минимальной высоты не складываются до 100%, то смещения нормализуются в общей сложности до 100%.
  • min-height-bias-top : Когда состав узел увеличивается на его минимальную высоту, это значение указывает процент дополнительной ширины, размещенной на верхней стороне узла (например, 50%).
  • min-height-bias-bottom : Когда составной узел увеличивается на его минимальную высоту, это значение указывает процент дополнительной ширины, размещенной на нижней стороне узла (например, 50%).
...