Javascript 链接标签相互重叠

Javascript 链接标签相互重叠,javascript,gojs,Javascript,Gojs,我已经创建了两个方形,并通过它们的端口将它们与链接连接起来。但当我创建两个以上的链接时,它们的链接标签开始重叠(你可以在下面的屏幕截图中看到)。 GoJS是否有正确对齐或分离标签的选项 我认为问题可能是您正在使用多个端口。假设端口位于节点的一侧,那么链路与节点连接的位置就没有太多选择 相反,具有单个端口的节点的默认行为可能是您正在寻找的: function init() { var $ = go.GraphObject.make; myDiagram = $(g

我已经创建了两个方形,并通过它们的端口将它们与链接连接起来。但当我创建两个以上的链接时,它们的链接标签开始重叠(你可以在下面的屏幕截图中看到)。 GoJS是否有正确对齐或分离标签的选项


我认为问题可能是您正在使用多个端口。假设端口位于节点的一侧,那么链路与节点连接的位置就没有太多选择

相反,具有单个端口的节点的默认行为可能是您正在寻找的:

  function init() {
    var $ = go.GraphObject.make;

    myDiagram =
      $(go.Diagram, "myDiagramDiv");

    myDiagram.nodeTemplate =
      $(go.Node, "Auto",
        new go.Binding("location"),
        $(go.Shape,
          { fill: "white", portId: "" },
          new go.Binding("fill", "color")),
        $(go.TextBlock,
          { margin: 8 },
          new go.Binding("text"))
      );

    myDiagram.linkTemplate =
      $(go.Link,
        //{ curve: go.Link.Bezier },
        $(go.Shape),
        $(go.Shape, { toArrow: "OpenTriangle" }),
        $(go.TextBlock, { background: "white" },
          new go.Binding("text"))
      );

    myDiagram.model = new go.GraphLinksModel(
    [
      { key: 1, text: "Alpha", color: "lightblue", location: new go.Point(0, 0) },
      { key: 2, text: "Beta", color: "orange", location: new go.Point(200, 50) },
      { key: 3, text: "Gamma", color: "lightgreen", location: new go.Point(50, 200) }
    ],
    [
      { from: 1, to: 2, text: "12" },
      { from: 1, to: 2, text: "a long label" },
      { from: 2, to: 1, text: "345" },
      { from: 1, to: 3, text: "13" },
      { from: 1, to: 3, text: "short" },
      { from: 3, to: 1, text: "34567890" }
    ]);
  }
产生:

或者,如果指定Bezier曲线链接:


移动节点,你可以看到链接之间的距离是如何根据链接标签的宽度变化的,因为标签不是圆形的。

请编辑你的帖子,并在你的问题中添加你的示例代码。@novonimo,我只是想问一下goJS中的可能性。GOJ能不能做这件事?如果你对它有所了解,请分享这个信息。是的,我们发现当我们使用多个端口时,我们的链接没有曲线。但是,当我们将它们连接到一个端口时,一切正常。