1.0.4 • Published 12 months ago
dagre-vue3 v1.0.4
dagre-vue3
how to use
step1
npm install dagre-vue3step2
import dagre from 'dagre-vue3'step3
use dagre as component<dagre style="width:100%;height: 300px;" :nodeInfos="processData" :rankdir="'LR'"></dagre>参数
| 参数 | 类型 | 描述 | 默认值 |
|---|---|---|---|
| nodeInfos | Array | 节点信息 | [] |
| rankdir | String | 流程图方向 | "LR" |
| align | String | 节点对齐方式 | "UL" |
| nodeWidth | Number | 节点宽度 | 80 |
| nodeHeight | Number | 节点高度 | 60 |
| initScale | Number | 初始化缩放比例大小 | 1 |
| durationTime | Number | 过渡动画时间 | 1000 |
| passNodeStyle | String | 通过节点样式 | '' |
| failNodeStyle | String | 未通过节点样式 | '' |
| passLabelStyle | String | 通过标签样式 | '' |
| failLabelStyle | String | 未通过标签样式 | '' |