Javascript流程图还是静态流程图？

Question

假设我们有以下图像：

我正在考虑用所有可能的联系来绘制这张图片，然后在它们的对应箭头上放置一些标签.但是这可能不是最好的方法，因为每个标签的位置会因屏幕分辨率不同而不同。你觉得这个方法怎么样？

​

我的问题是:任何人都知道JavaScript库，jQuery插件，能够绘制类似于上面的图像吗？我的意思是，能够进行多个连接，这可以用AngularJS实现吗？

这里有一些新的细节：

在我用JointJS做了一些测试之后，我想这是我需要的，但是.下面的链接是JointJS的一个示例，演示了在这个项目中源和目标之间的连接/链接.问题是:正如你在这个演示中看到的，它有很多链接，而且很难解释。有人能帮我把这件事做得更好吗？有更好的方法来代表这个吗？(在本例中，链接是静态的，但它们将以动态方式完成)。

Answer 1

您可以查看下面的urls：

JSPlumb为开发人员提供了一种在其网页上可视化连接元素的方法。

http://jsplumbtoolkit.com/demo/flowchart/jquery.html

http://jsplumbtoolkit.com/demo/home/jquery.html

Wirekit看起来很适合创建定制的有线流：

http://neyric.github.com/wireit/

JointJS是一个现代的HTML5 JavaScript库，用于可视化和与图表的交互。

http://www.jointjs.com/

Answer 2

这是一个很好的角度库

https://github.com/codecapers/AngularJS-FlowChart

还有一个实际行动的例子

流程图/index.html