如何在javascript中创建流程图答案

【问题标题】：How to create flowchart in javascript如何在javascript中创建流程图
【发布时间】：2017-05-31 06:36:27
【问题描述】：

我正在获取原始 json 数据。

我想根据该数据创建一个flowchart。

我尝试使用 raphael 和流程图 js

http://jsfiddle.net/hemantmalpote/fbmwket8/4/

我想控制每个控件（条件框，...等），即我想处理控件中的点击事件并执行一些操作。

有没有办法在flowchar js中获取事件或者是否有任何插件或任何人有示例可以使用 json 创建流程图并允许处理控件中的点击事件。

【问题讨论】：

JSON 的格式是什么？
你可以看看draw2d - draw2d.org/draw2d
它可能对你有帮助.. gojs.net/latest/samples/flowchart.html
@EmilS.Jørgensen：Json 将包含我在小提琴中显示的所有数据。

标签： javascript jquery raphael flowchart

【解决方案1】：

您也可以尝试使用 Mxdraw js 插件，我们可以根据您的需要进行定制。 https://jgraph.github.io/mxgraph/javascript/examples/editors/diagrameditor.html

以下与您的需求有关

Graph Editor - Fully functional diagram editor and drawing application.
mxDraw - Web 2.0-style diagram editor and drawing application.
mxProcess - Process editor with a fancy stylesheet and user interface.
mxWorkflow - BPMN workflow editor with various example diagrams.
mxWorkflow/Layout - BPMN workflow editor with automatic layout.(Experimental)

【讨论】：