simple-flow-chart

Simple-flow-chart is a quick and convenient Vue plug-in to realize flow chart based on Vue-super-flow

Usage no npm install needed!

<script type="module">
  import simpleFlowChart from 'https://cdn.skypack.dev/simple-flow-chart';
</script>

README

simple-flow-chart

安装

npm install simple-flow-chart
# OR
yarn add simple-flow-chart

import SimpleFlowChart from 'simple-flow-chart';
import 'simple-flow-chart/lib/index.css';

Vue.use(SimpleFlowChart);

属性

属性 类型 默认值 描述
range Array ['start', 'end'] 需要高亮的节点区间
maxTotal String \| Number 0 最大限制

方法

方法名 说明 参数
addNodeIfNeed 当拖到容器中时，自动添加节点 ----
addTemplate 添加模板节点 ----

示例

默认示例

进阶示例