原文:【前端开发】基于vue+dagre-d3改造完善的前端流程图&审批可视化源码demo

前言 一个支持增加节点 删除节点 修改节点的流程图,增加节点可选择并行 串行 会签 下一节点并行等状态 支持设置条件 删除条件 查看条件 可直观显示已完成的节点和不可查看的节点,真正做到了流程可视化。 支持画的流程图导出为图片格式 支持鼠标缩放流程图 效果图 由于本项目改造完善花了较多时间,使用该demo至少可以给开发人员节省一周时间,较为复杂需结合开发文档使用。若有需要和了解加wx: ,邀请进流 ...

2021-06-02 19:25 0 2226 推荐指数:

查看详情

vue中使用基于d3为基础的dagre-d3.js搞定一个流程图组件

项目中想搞定一个流程图,开始使用了阿里的G6,但是G6目前不支持手势,这样就很郁闷了,因为公司的领导都是使用iPad看的,你不支持手势是不行的,后来又想到了百度的echarts,试了试,感觉还不错,手机端也是没问题的,但是用起来不是很好用,每个节点的位置还要自己去设置计算有点麻烦,所以想找个在支持 ...

Mon Dec 09 02:54:00 CST 2019 2 1620
前端开发实时可视化

前端开发实时可视化意思是在编辑器里改变代码,浏览器自动更改,不用进入到浏览器F5刷新,下面推荐一款自己目前使用中的工具。 browser-sync——适用于任何修改(html,css,js等等) 步骤1 安装node.js(自行到官网下载安装) 步骤2 安装 ...

Mon Nov 20 05:03:00 CST 2017 0 1010
前端概念可视化

前言 一句老话说的好:一胜千言。这句话对学前端也适用,有时候,一个demo被一大堆文字有用的多。下面我就给大家总结几个。由于文中引用的部分项目仅支持http,下面的iframe中如果出现空白,请移步本文的http地址查看👉http://www.cnblogs.com/imgss/p ...

Mon Apr 08 22:11:00 CST 2019 0 1196
[前端-动态数据可视化]横向柱状的动态数据可视化

这是一个数据可视化项目,能够将历史数据排名转化为动态柱状图表 内容摘自github,https://github.com/Jannchie/Historical-ranking-data-visualization-based-on-d3.js(添加了一个HTML标签,可以添加 ...

Fri Oct 18 05:11:00 CST 2019 0 335
 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM