use jsplumb to draw a flowchart that goes beyond the width of the interface when there is a lot of content.
sets the outermost div to exceed the display scroll bar. It is found that the wires drawn through jsplumb when pulling the scroll bar will not follow the scroll bar.
look at the elements and find that they are actually placed under the < body > tag, so I added a scroll bar to the drawing box to make it impossible to affect it.
looks up the document and says that jsPlumb.setContainer can set the parent container.
but there is no change when it is set up.
is there any good solution to this?
jsPlumb.ready(function () {
var common = {
isSource: false,
isTarget: false,
connector: ["Flowchart"],
maxConnections: -1,
RenderMode : "canvas",
}
jsPlumb.setContainer($("-sharpdiagramContainer"));
var j = jsPlumb.getInstance({
Endpoint: ["Dot", {radius: 3}], //
});
j.addEndpoint("Aid",{uuid:"A" , anchor: "BottomCenter"},common);
j.addEndpoint("Bid",{uuid:"B",anchor:"TopCenter"},common);
j.connect({
uuids:["A","B"],
paintStyle: { stroke: "-sharp0099cc", strokeWidth: 2 },
endpointStyle: { fill: "blue", outlineStroke: "darkgray", outlineWidth: 0 },
});
}