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