vue中使用基于d3的dagre-d3.js做一个流程图组件
由于工作中用到了此插件制作简易流程图,以前没用过,特此记录
效果图:
下载
npm install d3
npm install dagre-d3
html
<svg width="400" height="253">
<g />
<rect />
</svg>
1.声明数组state(点)和edg(边)
图形中最重要的就是节点和连线(节点之间的联系)
list: {
//节点
nodeInfos: [
{
原创
2020-10-10 17:47:55 ·
4459 阅读 ·
0 评论