I am trying to create diagram which has groups and lines going through groups. I have tried all options of link templetes but not able to get anything working which will give proper layout for links without overlaps. As you see in screenshot the Inner Group A and B have lines going through and difficult to figure out how the connections are. Is it possible to have links shown outside the group boxes so it will be clear to see?
below is what I am using:
myDiagram =
(go.Diagram, "myDiagramDiv", // must be the ID or reference to div
{
initialAutoScale: go.Diagram.UniformToFill,
layout: (go.LayeredDigraphLayout)
// other Layout properties are set by the layout function, defined below
});
myDiagram.linkTemplate =
$(go.Link,
new go.Binding("routing", "routing"),
$(go.Shape, { strokeWidth: 2 }),
$(go.Shape, { toArrow: "Standard" }),
{
selectionAdornmentTemplate:
$(go.Adornment,
$(go.Shape,
{ isPanelMain: true, stroke: "#e01a0f",fill: "#e01a0f", strokeWidth: 3 }),
$(go.Shape,
{ toArrow: "Standard", fill: "#e01a0f", stroke: null, scale: 2.5 })
) // end Adornment
}
);