gojs-设置流动的连接线

gojs,是一款前端展示拓扑图的插件，它遵循自己的语法，因为他的功能丰富，官网上也可以看到许多例子，珊妹觉得不是一款很容易上手的前端插件，需要一点点挖掘它的功能，但每次发现它的新功能，对它的认可度都会+1.

今天我们来设置他的流动的连接线：（珊妹这里提供两个方法，因为学习过程中发现破解版的go.js里不支持Animation的方法）

方法一：

珊妹是拿官网里最简单的例子来学习的，因为多余的代码少，更能清楚的知道每段代码的意义；

1.首先在myDiagram.linkTemplate的设置里添加代码：

$(go.Shape, { isPanelMain: true, stroke: "lightgreen", strokeWidth: 1 }),

$(go.Shape, { isPanelMain: true, stroke: "lightblue", strokeWidth: 5, name: "PIPE", strokeDashArray: [5, 70] }),

如图：

我来给大家解释一下，流动的连接线需要设置两个颜色来看它流动的状态，如果普通的一根一个颜色的线是看不出来的，PIPE就是设置流动的管道， strokeDashArray的两个参数含义分别是：5像素长度，间距为70像素。效果如图：

 &n