=========== 中文
DAG diagram base in vue.
only support chrome now, compatibility for other browser may need your help. glad 4 everyone's PR ~
https://murongqimiao.github.io/DAG-diagram/#/example
npm install --save-dev dag-board
//main.js
import DAGBoard from 'dag-board'
Vue.use(DAGBoard)
//xxx.vue
<DAGBoard :DataAll="DataAll" @updateDAG="updateDAG"></DAGBoard>
/* if u want node-bus */
//xxx.vue
<node-bus v-if="dragBus" :value="busValue.value" :pos_x="busValue.pos_x" :pos_y="busValue.pos_y" />
more details, plz fork and download. npm install --> npm run dev
- simulate the DAG diagram
- drag the graph / nodes flexible
- scale the graph by mouse wheel
- drag node into graph for add
- right-hand button to delete node or line
- right-hand button to add in_ports or out_ports
- more -> edit JSON and see what happen
issue or QQ group 793841737