2014-06-23 4 views
1

Есть ли способ избежать наложения меток с помощью jsplumb? Иногда у меня довольно много сантехнических линий, и текст ярлыков очень близок друг к другу. Я хочу реализовать некоторые стили для элементов, чтобы сделать их более читаемыми, но это еще хуже.Перекрытие меток в jsplumb

Есть ли способ их разложить или добавить поля так или иначе, чтобы они не столкнулись так?

enter image description here

ответ

0

Да, вы можете добавить поля

overlays: [ 
             ["Label", { 
              location: [0,0], 
              cssClass: "foo", 
              label: 'Drop',             
             }], 
             ["Label", { 
              location: [0.5, 1.5], 
              label: "Drag", 
              cssClass: "endpointSourceLabel" 
             }] 
            ] 

CSS

.foo{ 
margin : 10px; 
} 
.endpointSourceLabel{ 
padding : 5px 10px; 
margin : 5px 3px; 
} 
+0

Это просто движущимися этикетку вдоль линии, не так ли? Часто это проблема, когда у меня есть 5 или более соединений, а метки слишком длинны, чтобы все соответствовали друг другу. Единственный способ, которым они подходят, - это друг на друга. – Organiccat

+0

Да, это просто движение по линии. Наличие ярлыков рядом с источником или целью (в соответствии с вашим требованием) должно уменьшить вероятность перекрытия метки. Мой ответ был особенно о том, как разместить их и добавить поля. Вы можете использовать любые значения, подходящие для вашего приложения, и предлагают меньшую вероятность совпадения. –

Смежные вопросы