网络流程图[关闭]

Question

我非常清楚“SO 不是一个需要工具的地方”所以我自己搜索并找到了一些工具，但是，因为我需要一些特定的功能 -我确实相信 SO 用户的综合专业知识和经验可能对我正在寻找的东西非常有用。即：能够在网页上构建/显示类似于此的流程图的库：

正如我所提到的，我见过jsPlumb 和其他一些人，但是研究每个人的个别功能需要太多时间，所以我希望有经验的人能提出最佳选择。我正在寻找的功能：

1. 浏览器支持 IE8+、Chrome、FF
2. 能够以可视方式或以编程方式即时添加/编辑/删除图表项
3. 能够使用图表数据更新后端 (ASP.NET/SQL Server)
4. 能够拥有灵活的连接器（如上例中从按钮 3 到状态 1）
5. 能够加载图表数据并让项目自动排列到默认/最佳布局中
6. 可能的库具有非免费/商业选项（这是一个愚蠢的选项，但这是业务方面的要求，他们对免费产品持谨慎态度）

这个问题我可能会得到不少反对票，但我愿意冒险，希望有人能推荐一个适合我需要的好的流程图库。

Answer 1

尽管您的问题很顽皮，mxGraph 是唯一一个完全支持 IE8（低至 IE 6）的图表库。这就是完整的功能，请在 IE 8 上尝试draw.io。

1) 是的，还有 Opera、Safari、iOS 5+、Android 4+、Windows 8 touch、ChromeOS。 2) 是的 3) 我们在 .NET 的服务器上实现了完整的图形模型，更容易集成仅 JavaScript 的解决方案。 4) 是的 5) 是的 6) 是的

是的，我在做这个产品。

Answer 2

让我们看看yFiles for HTML 的比较：

1. 浏览器支持 IE9+、Chrome、FF、(and more)（IE8 是不行的，因为需要 HTML-5 而 IE8 根本不支持该级别，既不支持可视化，也不支持Javascript 级别）。
2. 有一个very rich API 可用于以编程方式更改模型和视图的任何方面。默认编辑功能允许所有标准编辑操作，可以轻松添加自定义操作。
3. yFiles for HTML 1.1 是一个纯客户端应用程序，因此目前需要由程序员添加服务器连接。由于该库与服务器无关，因此它可以与任何服务器技术一起使用 - 包中包含示例。
4. 柔性连接器实际上是默认设置：可以向连接器添加任意数量的弯头和标签，这些连接器连接到两个端口。这两种类型的项目都可以高度配置和定制。
5. 库的一个突出特点是versatile automatic layout algorithms。一般来说，不可能获得“最佳”布局，但（启发式，至少是其中的大多数）算法被认为是“同类最佳”。
6. 图书馆只是一个商业图书馆。

该库是否真正满足您的需求取决于很多因素。除非 (1) 对您不利，否则我认为 yFiles 可能是一个不错的选择。您可以通过在其主页上对其进行评估来尝试。

我在在线编辑器中重新创建了您的示例，并使用以下简单的代码配置来创建自动布局：

var ihl = new yfiles.hierarchic.IncrementalHierarchicLayouter()
ihl.automaticEdgeGrouping = true
ihl.backloopRouting = true
ihl.layoutOrientation = yfiles.layout.LayoutOrientation.LEFT_TO_RIGHT
ihl.integratedEdgeLabeling = true

// animate and apply the layout
graphControl.morphLayout(ihl, yfiles.system.TimeSpan.fromSeconds(1), null)

这是我得到的：

注意：您没有要求无插件的解决方案，但我回答您的问题时就像您要求的一样。如果 Flash、Silverlight 或 Applets 等插件是可接受的，那么相应平台的同级 yFiles 产品也可能是一种选择。它们适用于支持这些插件的所有浏览器，因此即使是最旧的 IE 版本也受支持。

免责声明：我为创建该库的公司工作，但我不代表我在 SO/SE 的雇主。我的想法、cmets 和帖子都是我自己的。

Answer 3

GenMyModel 现在支持流程图：

您可以查看并分叉此示例here