jsplumb에서 라벨 겹침

Question

jsplumb을 사용하여 라벨이 겹치지 않게하는 방법이 있습니까? 때로는 몇 개의 배관 공사가 있고 레이블 텍스트가 서로 가깝습니다. 요소를 좀 더 읽기 쉽게하기 위해 스타일을 구현하고 싶습니다.하지만 이것은 더욱 악화됩니다.

여백을 펼치거나 여백을 추가하는 방법이 있습니까? 이렇게 충돌하지 마십시오.

Answer 1

예는 그렇지 않은 단지 라인을 따라 라벨을 움직이는 마진

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; 
}