文本与 gojs 树图中的箭头重叠
Text is overlapping with arrows in gojs tree diagram
我目前正在使用 gojs 创建树结构图
我在安排节点时遇到问题,文本与箭头重叠
Suggestion/Help非常感谢
myDiagram.nodeTemplate =
$(go.Node, "Auto", {
movable: true
},
$(go.Panel, "Vertical",
$(go.Panel, "Auto", {
background: "white"
}, {
portId: ""
},
$(go.Shape, "Circle", {
strokeWidth: 4,
margin: go.Margin.parse("10 5 10 5"),
height: 75,
width: 75,
cursor: "pointer"
},
new go.Binding("fill", "color"), new go.Binding("stroke", "strokeColor")
),
$(go.Panel, "Vertical",
$(go.Picture, {
source: "https://msdnshared.blob.core.windows.net/media/2017/05/icon.png",
background: "white",
width: 25,
height: 25
})
)
),
$(go.Panel, "Auto",
$(go.TextBlock, {
margin: 5,
font: '14px "Open Sans", sans-serif'
},
new go.Binding("text", "name"))
)
)
);
删除分配:
{
portId: ""
},
阅读讨论:https://gojs.net/latest/intro/ports.html#SinglePorts,除了让 Panel 保持圆圈 Shape 和 Picture 是端口,您需要整个 Node 作为端口的默认行为。
我目前正在使用 gojs 创建树结构图
我在安排节点时遇到问题,文本与箭头重叠
Suggestion/Help非常感谢
myDiagram.nodeTemplate =
$(go.Node, "Auto", {
movable: true
},
$(go.Panel, "Vertical",
$(go.Panel, "Auto", {
background: "white"
}, {
portId: ""
},
$(go.Shape, "Circle", {
strokeWidth: 4,
margin: go.Margin.parse("10 5 10 5"),
height: 75,
width: 75,
cursor: "pointer"
},
new go.Binding("fill", "color"), new go.Binding("stroke", "strokeColor")
),
$(go.Panel, "Vertical",
$(go.Picture, {
source: "https://msdnshared.blob.core.windows.net/media/2017/05/icon.png",
background: "white",
width: 25,
height: 25
})
)
),
$(go.Panel, "Auto",
$(go.TextBlock, {
margin: 5,
font: '14px "Open Sans", sans-serif'
},
new go.Binding("text", "name"))
)
)
);
删除分配:
{
portId: ""
},
阅读讨论:https://gojs.net/latest/intro/ports.html#SinglePorts,除了让 Panel 保持圆圈 Shape 和 Picture 是端口,您需要整个 Node 作为端口的默认行为。