flowchart.js使用总结

概述

主要分为三部分，1、定义流程图所需要的元素。2、将定义好的元素按照需求进行连接。3、执行js对流程图进行渲染。

1、定义元素

格式
	名称=>类型 : 显示内容 | 模块Id:点击事件(跳转链接)
	//模块Id主要用于对某一单独的模块进行渲染时的选择

//例如
st=>start: 资料预审|past:>http://www.baidu.com[blank]

类型	描述
start
end
operation
condition
subroutine
inputoutput
parallel

类型只是代表样式，样式与功能并无关系

2、连接元素

2.1、连接方式

格式
		定义元素名称->定义元素名称->定义元素名称

//例如
st->op1（right）->cond

注意：可以添加括号来定义连接下一任务时的方向，默认为下。（只能定义right，因为流程图是从左上角开始往右下角进行的）

//判断框连接方法
cond(yes)->op2//yes判断为真时执行，下一任务框为向下连接
cond(no)->sub1//no判断为假时执行，下一任务框为向右连接

2.2、修饰连接线

格式
		定义元素名称@>定义元素名称({"属性":"值","属性":"值"})@>定义元素名称({"属性":"值"})

//自定义任务框连接线的样式
st@>op1({
   "stroke":"blue"})//连线颜色
st@>op1({
   "stroke-width":