Hi,
i am facing some issue of link overlapping when i draw link from specific points please let me know what i am doing wrong or how to avoid this issue
LinkTemplate Code :
myDiagram.linkTemplate =
$(go.Link,
{
routing: go.Link.AvoidsNodes,
relinkableFrom: true,
relinkableTo: true,
reshapable: true,
fromLinkable: true,
fromLinkableSelfNode: true,
fromLinkableDuplicates: true,
toLinkable: true,
toLinkableSelfNode: true,
toLinkableDuplicates: true,
zOrder: 1
and nodeTemplate
myDiagram.nodeTemplate =
(go.Node, "Auto",
{ layoutConditions: go.Part.LayoutAdded | go.Part.LayoutRemoved, zOrder: 2 },
//{ resizable: false, fromSpot: go.Spot.AllSides, toSpot: go.Spot.AllSides, minSize: new go.Size(108, 67) },
new go.Binding("location", "loc", go.Point.parse).makeTwoWay(go.Point.stringify),
{ resizable: false, resizeObjectName: "PANEL", resizeAdornmentTemplate: nodeResizeAdornmentTemplate, desiredSize: new go.Size(108, 67), minSize: new go.Size(108, 67), maxSize: new go.Size(220, 120) },
new go.Binding("angle").makeTwoWay(),
new go.Binding("position", "position", go.Point.parse).makeTwoWay(go.Point.stringify),
new go.Binding("desiredSize", "size", go.Size.parse).makeTwoWay(go.Size.stringify),
(go.Shape, nodeShape,
{
fromSpot: go.Spot.AllSides, toSpot: go.Spot.AllSides,
portId: “”,
parameter1: 2,
fill: nodebackground, stroke: nodeStroke, strokeWidth: 2,
spot1: new go.Spot(0, 0, 1, 1),
spot2: new go.Spot(1, 1, -1, 0),
minSize: new go.Size(95, 59),
maxSize: new go.Size(220, 120),
fromLinkable: true, fromLinkableSelfNode: true, fromLinkableDuplicates: true,
toLinkable: true, toLinkableSelfNode: true, toLinkableDuplicates: true
},
new go.Binding(“figure”, “figure”).makeTwoWay(),
new go.Binding(“fill”, “fill”).makeTwoWay(),
new go.Binding(“stroke”, “stroke”).makeTwoWay()
),
(go.Panel, "Vertical",
{
alignment: go.Spot.Top,
stretch: go.GraphObject.Horizontal,
minSize: new go.Size(108, 67)
},
(go.Panel, “Table”,
{
background: “lightblue”,
stretch: go.GraphObject.Horizontal,
width: 15.5, height: 13,
margin: new go.Margin(2, 3, 0, 3)
},
(go.Shape, "StopSign", {
alignment: go.Spot.TopLeft, margin: 2,
fill: "red", width: 8, height: 8, stroke: null,
visible: visible
}, new go.Binding("visible", "visible").makeTwoWay()),
(“Button”, {
alignment: go.Spot.Right,
width: 16,
height: 15,
margin: new go.Margin(0, 0, 0, 90),
click: add_IP_OP,
visible: false,
cursor: “pointer”
}, new go.Binding("visible", "stroke", function (color) {
debugger;
if (color == "gray" && MbtDiagramInstance.getModelTitleName != "Published Model")
return true;
else
return false;
}),
$(go.TextBlock, {
text: '',
textAlign: "center",
font: '10px FontAwesome'
}),
)),
$(go.TextBlock,
{
font: "12px Arial, sans-serif", //stroke: lightText,
margin: new go.Margin(4, 6, 4, 6),
stretch: go.GraphObject.Horizontal, textAlign: "center",
height: 38,
maxLines: 3,
verticalAlignment: go.Spot.Center,
},
//n ew go.Binding("desiredSize", "size", go.Size.parse).makeTwoWay(go.Size.stringify),
new go.Binding("text", "text").makeTwoWay()),
{
toolTip:
$("ToolTip",
new go.Binding("visible", "text", function (t) {
if (t.trim('') == "Associated FL Name :")
t = '';
return !!t;
}).ofObject("TB"),
$(go.TextBlock,
{ name: "TB", margin: 4, font: "bold 12px Verdana,serif", stroke: "black" },
new go.Binding("text", "", diagramNodeInfo))
)
}),
{ contextMenu: $(go.Adornment) },
makePort("T", go.Spot.Top, go.Spot.TopSide),
makePort("L", go.Spot.Left, go.Spot.LeftSide),
makePort("R", go.Spot.Right, go.Spot.RightSide),
makePort("B", go.Spot.Bottom, go.Spot.BottomSide)
);
function makePort(id, align, spot) {
var port = (go.Shape,
{
fill: "transparent",
stroke: null,
portId: id,
alignment: align,
cursor: "pointer",
fromSpot: spot,
fromLinkable: true,
fromLinkableDuplicates: true,
fromLinkableSelfNode: true,
toSpot: spot,
toLinkable: true,
toLinkableSelfNode: true,
toLinkableDuplicates: true,
toolTip: // define a tooltip for each node that displays the color as text
(go.Adornment, “Auto”,
(go.Shape, { fill: "#FFFFCC" }),
(go.TextBlock, { margin: 4 },
new go.Binding(“text”, “”, diagramInfo))
) // end of Adornment
});
if (align.equals(go.Spot.Top) || align.equals(go.Spot.Bottom)) {
port.height = 3;
port.stretch = go.GraphObject.Horizontal;
} else {
port.width = 3;
port.stretch = go.GraphObject.Vertical;
}
return port;
}
