三维拓扑元素介绍之TLink

上一篇介绍了节点TNode，本篇介绍TLink，TLink表示连接关系。

TLink

TLink表示两个节点之间的连接关系。它的构造如下：

let link = new eg.TLink(fromNode,toNode);

其中fromNode表示起始节点，toNode表示结束节点。

下面是简单的示例：

let node1 = new eg.TNode({image: "./images/convergence.png"});
node1.setName("node1");
node1.p(-200, 100, 0);
let node2 = new eg.TNode({image: "./images/convergence.png"});
node2.setName("node2");
node2.p(200, -100, 0);
let link = new eg.TLink(node1,node2);
dataModel.add(node1);
dataModel.add(node2);
dataModel.add(link);

最终的显示效果如下图所示：

连线的类型

连线默认是直线，通过指定连线类型，还可以构造其他形式的连线。 主要包括如下类型：

• linear 默认类型 表示直线
• orthogonal.x
• orthogonal.x.n
• orthogonal.y
• orthogonal.y.n
• orthogonal.z
• orthogonal.z.n
• flex.x
• flex.x.n
• flex.y
• flex.y.n
• flex.z
• flex.z.n

通过setStyle可以指定连线的类型，代码如下所示：

link.setStyle("link.type","orthogonal.x");

其中orthogonal类型表示正交的连线类型，如下图所示，表示“orthogonal.x”：

表示正交的效果，其中orthogonal.x 表示从头fromNode到toNode先沿着x方向，在沿着y方向，最后沿着z方向前进，orthogonal.x.n 表示从头fromNode到toNode先沿着x方向，在沿着z方向，最后沿着y方向前进.orthogonal.y表示从头fromNode到toNode先沿着y方向，在沿着z方向，最后沿着x方向前进。 依此类推。

flex类型也是正交的效果，不过先到两个节点的中心点。 如下图所示，表示“flex.x”:

相关的规则和orthogonal系列类似。其中flex.x 表示从头fromNode到toNode先沿着x方向，在沿着y方向，最后沿着z方向前进，flex.x.n 表示从头fromNode到toNode先沿着x方向，在沿着z方向，最后沿着y方向前进.依此类推。

总结

本文介绍了TLink的构造方法，并介绍了TLink的各种类型。通过文中的各种类型，可以满足绝大多数的构造需要。

欢迎关注公众号："图易可视化"。