Web库创建交互式流程图

时间:2014-12-31 18:22:21

标签: javascript interactive flowchart

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

我找到了RaphaelJS和GoJS,这些图书馆可以制作这个交互式流程图吗?我需要其他人的消费来评估。

2 个答案:

答案 0 :(得分:1)

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

如果这是商业场景,我相信this interactive flow-chart demo几乎正是您所寻找的。该演示基于商业yFiles for HTML Javascript / HTML5图表库。该库提供(以及其他功能)流程图图表的编辑功能,对(可选的分层,二维)泳道提供强大支持,当然还可以轻松添加自定义数据和自定义交互逻辑。但最先进的功能是能够根据流程图数据自动排列元素:

enter image description here

免责声明:我为创建此库的公司工作。不过,我并不代表我的雇主。

答案 1 :(得分:0)

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

  • 您可以使用JointJS作为流程图 生成SVG格式的图表,但商业许可证不是免费的

  • 您也可以使用 plumbJS这是 开源和很好的文档。该库也有支持 如果浏览器是IE8或以下

  • ,则为VML后备