Flow

Flow chart

Usage

<template>
  <v-g-editor>
    <flow/>
  </v-g-editor>
</template>
<script>
import VGEditor, { Flow } from 'vg-editor'
export default {
  components: { VGEditor, Flow }
}
</script>

Props

属性 说明 类型 默认值
data 初始数据 object -
graph 图配置项，参考 G6 Graph API object -
align 对齐配置 object -
grid 网格线配置 object -
shortcut 快捷键配置，内置命令 object -
noEndEdge 是否支持悬空边 boolean true

Align

属性 说明 类型 默认值
line 对齐线样式 object -
item 图项对齐 true false horizontal vertical center -
grid 网格对齐 true false cc tl -

Grid

属性 说明 类型 默认值
cell 网孔尺寸 number -
line 网格线样式 object -

Shortcut

示例：

<template>
  <v-g-editor>
    <flow :shortcut="{ zoomIn: true, zoomOut: false }"/>
  </v-g-editor>
</template>
<script>
import VGEditor, { Flow } from 'vg-editor'
export default {
  components: { VGEditor, Flow }
}
</script>

Events

请移步至 PageEvents 查看详情