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

Question

假设我们有以下图像：

我正在考虑用所有可能的连接来绘制这个图像，然后在它们对应的箭头上放置一些标签......但这可能不是最好的方法，因为每个标签的位置会根据屏幕分辨率而有所不同.您如何看待这种方法？

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

以下是一些新的细节：

在我用 JointJS 做了一些测试之后，我认为这是我需要的，但是...... 以下link 是 JointJS 的示例，其中演示了我在该项目中将拥有的源和目标之间的连接/链接...问题是：正如您在此演示中看到的那样，它有很多链接，很难解释。任何人都可以帮助我如何使它看起来更好？有更好的表示方式吗？ （在此示例中，链接是静态的，但它们会以动态方式完成）。

Answer 1

您可以查看以下网址：

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

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

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

Wirekit 看起来很适合创建自定义有线流：

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

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

http://www.jointjs.com/

Answer 2

这是一个不错的 Angular 库

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

还有一个例子

https://dl.dropboxusercontent.com/u/16408368/WebUI_FlowChart/index.html