用于创建交互式流程图的网络库答案

【问题标题】：web library to create a interactive flowchart用于创建交互式流程图的网络库
【发布时间】：2014-12-31 18:22:20
【问题描述】：

我正在 javascript/html 中搜索一个库，以使我的用户能够创建、更新和保存基本流程图（开始、结束、任务、决策、泳道、分叉和连接）并创建/编辑每个任务的一些自定义值供以后在一个 ERP 中使用，类似于 here!

我找到了 RaphaelJS 和 GoJS，我可以使用这些库制作这个交互式流程图吗？我需要其他人的建议来评估。

【问题讨论】：

谷歌充满了建议...做其他人都做的...搜索

标签： javascript interactive flowchart

【解决方案1】：

如果不是“互动”部分，我建议看看this SO question 和答案。

由于您提到商业库，我假设这是在商业场景中，因此我相信 this interactive flow-chart demo 几乎正是您正在寻找的。也许还有this BPMN editing demo。

演示使用的是商业的yFiles for HTML Javascript/HTML5 图表库。该库为类似流程图和 BPMN 图表提供（以及其他功能）编辑功能，对（可选的分层、二维）泳道提供强大的支持，当然也很容易支持添加自定义数据和自定义交互逻辑。不过，最先进的功能是能够根据流程图逻辑自动排列屏幕上的元素：

免责声明：我为创建这个库的公司工作。不过，在 SO 上，我并不代表我的雇主。

【讨论】：

只是警告其他任何投入时间看这个的人，它非常昂贵。不适合个人或小型初创公司。

【解决方案2】：

RaphaelJS 处理 SVG 形状和与之相关的通用函数。它没有明确支持创建/操作流程图。

您可以将JointJS 用于流程图生成 SVG 格式的图表，但商业许可不是免费的
你可以使用也可以使用 plumbJS 这是开源并且有很好的文档记录。这个库也有支持如果浏览器是 IE8 或更低版本，则用于 VML 后备

【讨论】：