mxGraph: как расположить метки краев внизу

Я использую библиотеку mxGraph для отображения некоторых диаграмм, может ли кто-нибудь помочь мне расположить метки краев внизу, а не посередине?

Заранее спасибо!


person Christian Leon    schedule 11.09.2017    source источник


Ответы (1)


В таблице стилей для соответствующих краев выполните

<add as="verticalAlign" value="top" />
<add as="verticalLabelPosition" value="bottom" />

Или сделайте это встроенным при вставке края

graph.insertEdge(..., 'defaultEdge;verticalAlign=top;verticalLabelPosition=bottom');

«defaultEdge» предназначен для того, чтобы сохранить остальные стили по умолчанию, а не полностью их переопределить.

Это размещает границы меток в нижней части ребра и размещает метки в верхней части их границ.

person Vsevolod Golovanov    schedule 23.11.2017
comment
Предположим, у меня есть следующее: ‹mxCell id=3_4 customId=3_4 value=3-4 edge=1 parent=1 source=3 target=4› ‹mxGeometry relative=1 as=geometry/› ‹/mxCell›, Должен ли я добавлять линии, на которые вы ссылались, в узле mxGeometry? - person Christian Leon; 25.11.2017
comment
Нет, если вы редактируете модель через XML, вам нужно добавить атрибут style="defaultEdge;verticalAlign=top;verticalLabelPosition=bottom" к mxCell элементам. Дополнительная литература: jgraph.github.io/mxgraph/docs/manual.html #3.1.3.1 Пример программной таблицы стилей: github. com/jgraph/mxgraph/blob/master/javascript/examples/ - person Vsevolod Golovanov; 26.11.2017
comment
У меня отлично работает с mxGraph 3.7.5. Без репродуктора вашей проблемы в коде (желательно MCVE) невозможно сказать, почему он у вас не работает. - person Vsevolod Golovanov; 27.11.2017