(Translated by https://www.hiragana.jp/)
GitHub - fayfang/ZFlowchart: 基于zrender的流程图插件
Skip to content

もと于zrenderてきりゅうほど图插けん

Notifications You must be signed in to change notification settings

fayfang/ZFlowchart

Repository files navigation

zflowchart

flowchart base on ZRender.

  npm install zflowchart

online demo

example

import FlowChart from 'zflowchart';

const fc = new FlowChart(document.getElementById('flowchart') as Element);
const start = fc.status('开始', 'success');
const process1 = fc.process('そうはしはし');
const judgment1 = fc.judgment('いやゆう钱');
const judgment2 = fc.judgment('いやゆうかり');
const process2 = fc.process('じゅん备辞职');
const judgment3 = fc.judgment('はだか');
const process3 = fc.process('哈哈哈');
const process5 = fc.process('しか呵呵かか');
const process6 = fc.process('666');
const judgment4 = fc.judgment('再来さいらい判断はんだん');
const process7 = fc.process('777');
const process8 = fc.process('888');
const process4 = fc.process('はしおこり哪里?');
const switch1 = fc.switch('选择目的もくてき');
const destination1 = fc.process('おうしゅう');
const destination2 = fc.process('日本にっぽん');
const destination3 = fc.process('西藏とりぞう');
const end = fc.status('结束', 'error');

start.next(process1);
process1.next(judgment1);
judgment1.logicTrue(judgment2);
judgment1.logicFalse(end);
judgment2.logicTrue(process4);
judgment2.logicFalse(process2);
process2.next(judgment3);
process4.next(switch1);
switch1.pushCase(destination1);
switch1.pushCase(destination2);
switch1.pushCase(destination3);
destination2.next(end);
judgment3.logicTrue(process3);
judgment3.logicFalse(process5);
process5.next(process6);
process6.next(judgment4);
judgment4.logicTrue(process7);
judgment4.logicFalse(process8);

fc.draw(start);

About

もと于zrenderてきりゅうほど图插けん

Topics

Resources

Stars

Watchers

Forks

Packages

No packages published