I would like to create a link something like this -
I am using LayeredDigraphLayout with setsPortSpots: false. Here is my data link array -
var linkDataArray = [
{ from: "1", to: "2", toText: "50%", toSpot: "Top" },
{ from: "2", to: "1", toText: "50%", fromSpot: "Top", toSpot: "Bottom" },
{ from: "2", to: "3", toText: "32%" },
{ from: "2", to: "4", toText: "32%" },
{ from: "2", to: "5", toText: "17%" }
];
With this, the arrows are displaying like a square. After spending some time I ended-up with this -
{ from: "1", to: "2", toText: "50%", toSpot: "0.3 0" },
{ from: "2", to: "1", toText: "50%", fromSpot: "Top", toSpot: "0.7 1" },
Resulting -
I am still struggling to make those lines straight. Could you please help me on this?