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

Question

让我们说我们有以下图片：

我想用所有可能的连接绘制这个图像，然后在相应的箭头上放置一些标签......但这可能不是最好的方法，因为每个标签的位置会有所不同，具体取决于屏幕分辨率。您如何看待这种方法？

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

以下是一些新细节：

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

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

这是一个很好的角度库

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

以及它在行动中的一个例子

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