jsPlumb流程图插件说明jquery插件可以在react中使用，使用方法：在react中使用jquery插件渲染插件说明使用场景：审批、流转等流程的制作页面，节点的连接图中是数据生成的，图中的节点可以拖拽添加新的节点。点击保存后，可以获取新增节点和连接的数据，方便保存到后台数据库。（因为需要加载数据，最好用webstorm看效果）###相关API说明//实例化对象instance=jsPlumb.getInstance({Endpoint:["Dot",{radius:2}],HoverPaintStyle:{strokeStyle:"#1e8151",lineWidth:2},ConnectionOverlays:[["Arrow",{location:1,id:"arrow",length:10,foldback:0.8,width:10}],[“标签”，{标签：“”，id：“标签”，cssClass：“labelstyle”}]]，DragOptions：{zIndex：2000}，容器：“topocontent”}）;//添加节点根据数据循环生成div，添加到容器里面，给每个div赋予一个特定的id//添加一个连接//source,target对应生成节点的idvarconor=instance.连接（{来源：jump.SourceId，目标：jump.TargetId}）;conor.getOverlay("label").setLabel(jump.Text);conor.setPaintStyle({fillStyle:'none',strokeStyle:'#2F8E00'});conor.bind('click',function(){detachLine(this);//删除连接});//保存数据instance.getAllConnections();//获取所有连接更多api查看index.js文件最后附上github地址欢迎开始
