Is there just one Link that is passing through the “Alice” label? If so, does that Link connect with the “Alice” Node?
Does that Link have Link.routing set to go.Link.AvoidsNodes? Does that “Alice” Node have any property with “avoidable” in its name set to any value?
Hi Walter,
1. Is there just one Link that is passing through the “Alice” label? If so, does that Link connect with the “Alice” Node?
A: Multiple Links and links connected with nodes.
2. Does that Link have Link.routing set to go.Link.AvoidsNodes?
**A:**Yes.
3. Does that “Alice” Node have any property with “avoidable” in its name set to any value?
**A:**No.
Actual requirement is one node will get many links from other nodes. And I am displaying 3 Texts below the node.
Like below screenshot:
I can pass more links from other nodes to Alice node.This is the requirement with below conditions:
Most important thing is text should be more visible without breaking the links.
Please let me know if more clarification.
I given the my answers to your Questions. Please check it.
Good morning.
Links that have AvoidsNodes routing will (naturally) avoid crossing over any other nodes. Since your “Alice” and “Software” and “Intelligent” TextBlocks are elements in a Node, they should be avoided along with the rest of the node.
But you didn’t answer my question of whether any of those links are connected with that node. Clearly if you declare that the link should connect with a particular port element then links will route to/from that port and will necessarily cross over any other elements of the node outside of that port. So I’ll ask whether GraphObject.portId has been set to a string on any element within your node and excluding the area covered by the text.
However if those links do not connect with that node, then I have no idea of what is causing that behavior.
By the way, I really think you should not use AvoidsNodes or Orthogonal routing for those additional non-genetic relationships.
Hi Walter,
Actually my users given the below requirements:
Please see the below answers as my way of achieving the above given requirements:
Links should not be passing through nodes.
A. Used AvoidsNodes routing for all links used in the genogram. So links are not passing to nodes
There should not be any unnecessary bends in the genogram on default load.
A. If I will use AvoidsNodes routing then bends are displaying like shown in the below figure.
But they need like below screenshot.
I can use Normal routing but links are passing inside the nodes. This impacts the 1st requirement.
I told that this is not possible if we use AvoidsNodes routing. AvoidsNodes routing will give bends to
avoid the nodes.I told that this is not doable. Please let me know whether my answer is correct or not?
Remarks displayed should not overlap with the nodes or the links on the genogram (i.e. this should be displayed clearly for the user to read). Overlap should be minimized.
A. This is what we are discussing till now which I posted to you that is in subject name.
Because of above two reasons ( for requirements. 1 and 2 ), I am using AvoidsNodes routing.
For node creation with name,occupation and nodeRemarks I used the below code for each node:
Below code is sample code for one node:
myDiagram.nodeTemplateMap.add("F",
$(go.Node, "Vertical",
{ locationSpot: go.Spot.Center, locationObjectName: "ICON",avoidable: true },
$(go.Panel, "Horizontal", {width:180},
$(go.Picture, {alignment:new go.Spot(0, 0, 60, 0), desiredSize: new go.Size(30, 30),width: 30, height: 30,margin:1},
new go.Binding("source","group" ))),
$(go.Panel,
{ name: "ICON" },
$(go.Shape, "Circle",
{ width: 40, height: 40, strokeWidth: 2, fill: "white", portId: "" }),
$(go.Panel,
$(go.TextBlock, { alignment: go.Spot.Center, margin: 15 }, new go.Binding("text", "age"))
)
),
$(go.TextBlock,{background:"white"},new go.Binding("text", "name")),
$(go.TextBlock, { visible: false,width: 60 }, new go.Binding("text", "occupation"),new go.Binding("visible", "occupation",
function(t) { return !!t; })),
$(go.TextBlock,{margin: 2,wrap: go.TextBlock.WrapFit, isMultiline: true,maxSize:new go.Size(90, 100)},new go.Binding("text", "nodeRemarks"))
));
But I don't know why TextBlocks should not avoided.
```
Each link is connected to the nodes if I mention the node-node relationship. Here connected to nodes means "not using connected points". Just link touching to node. I did not use port anywhere.
I did not use/set **GraphObject.portId** anywhere in my genogram code.
These are my answers to your questions.
Please let me know if I missed anything.OK, this will require some programming. Please read: Space between links of genogram
I’ve done some of the work at: Genogram
Hi Walter,
Thank you for your Help. If I use like above code all the links are combining together and unable to find links.
The above genogram is better than the below it seems:
So I am using background:white.
Could you please format your code so that everyone is able to read it? Code Formatting
Could you also select that “Alice” node and show us the screenshot? I’d like to know what that node’s actualBounds are.
Could you show us the minimum case that exhibits the one problem that you are trying to solve? By minimum I mean the minimum number of nodes and the minimum number of links.
You mean to say shall I put my code in the format?
