jsplumb实现流程图

本篇文章介绍使用jsplumb实现的一个流程图,将实现效果和代码贴到下面,由于初次使用jsplumb,代码写的比较粗糙。

本文章的工程代码可以点击查看下载,欢迎一起讨论学习。

流程图使用工具汇总

  • jsPlumb,开源软件,推荐使用,参考学习链接: jsplumb学习笔记、基本概念、中文简易教程
  • jTopo
  • myflow
  • Go.js
  • JointJS,属于商业软件
  • mxGraph
  • TWaver,属于商业软件, 数据中心可视化解决方案

效果图

image.png

源代码





  
  
  
  Document
  



  
告警发生
告警同步
告警入库
创建/收敛单子
告警分析
告警XX分析
同步XX信息
告警YY分析
同步YY分析
ZZ分析
同步ZZ分析
MM分析
同步MM分析

你可能感兴趣的:(jsplumb实现流程图)