I’m working on scenario where use macro that is drop circle element from palette to diagram area and show that circle element plus table. The issue is I’m not able to connect circle and table by simple line without arrows. I can do that with circle and rectangle. It looks as following:
- Circle and rectangle:
- Circle and table:
This is how is looking table’s code:
myDiagram.nodeTemplateMap.add("table",
$(go.Part, "Auto",
$(go.Shape, { fill: "white", stroke: "gray", strokeWidth: 3 }),
{ movable: true },
new go.Binding("location", "loc", go.Point.parse).makeTwoWay(go.Point.stringify),
$(go.Panel, "Table",
$(go.TextBlock, "Header 1",
{ row: 0, column: 1, font: "bold 10pt sans-serif", margin: 2 }),
$(go.TextBlock, "Header 2",
{ row: 0, column: 2, font: "bold 10pt sans-serif", margin: 2 }),
// drawn before row 1:
$(go.RowColumnDefinition,
{ row: 1, separatorStrokeWidth: 1.5, separatorStroke: "black" }),
// drawn before column 1:
$(go.RowColumnDefinition,
{ column: 1, separatorStrokeWidth: 1.5, separatorStroke: "black" }),
$(go.TextBlock, "One", { row: 1, column: 0, stroke: "green", margin: 2 }),
$(go.TextBlock, "row 1 col 1", { row: 1, column: 1, margin: 2 }),
$(go.TextBlock, "row 1 col 2", { row: 1, column: 2, margin: 2 }),
$(go.TextBlock, "Two", { row: 2, column: 0, stroke: "green", margin: 2 }),
$(go.TextBlock, "row 2 col 1", { row: 2, column: 1, margin: 2 }),
$(go.TextBlock, "row 2 col 2", { row: 2, column: 2, margin: 2 }),
$(go.TextBlock, "Three", { row: 3, column: 0, stroke: "green", margin: 2 }),
$(go.TextBlock, "row 3 col 1", { row: 3, column: 1, margin: 2 }),
$(go.TextBlock, "row 3 col 2", { row: 3, column: 2, margin: 2 })
)
)
);
I’m aware there is no portId setting in table definition and I’ve tried to put it there. Nothing was worked.
How to connect circle and table in macro scenario?