flowchart.js概述
大致的语法就是:定义节点,然后定义关系。
节点别名=>节点类型:label
节点别名和label都是用户写的,数据本质是string。节点类型有start, end,也就是开始节点和结束节点,形状就像是圆角矩形。第三种节点类型是operation操作,形状是一个矩形,比如上图中的好好学习,具体来说,可以是看相关的documentation,复现简单的example。第四种节点类型是subroutine,子程序节点,形状是类似于卷轴,相当于在这一步引入一个新的流程图。第五种节点类型是inputoutput节点,其形状是一个平行四边形,这种节点的含义是数据,比如这部操作产生了一个csv文件,那么csv文件就是inputoutput节点。第六种节点是condition节点,起到判断的作用,一般有yes和no两个分支。第七种节点是parallel并行任务节点,其形状是一个矩形,和操作节点类似。
从一个简单的二元方程理解并行任务节点。以计算 f ( x , y ) = x 2 + x ( y + 6 ) f(x,y)=x^2+x(y+6) f(x,y)=x2+x(y+6)为例。
修改流程图元素的属性
修饰流程图中的连接线:
修饰边:
开始节点@>结束节点({"属性名": value,})
如何在边元素上写字呢?如果想要实现的话需要自定义flowchart.js中的一些数据。如果用html语言的话比较容易实现。但是用这个编辑器似乎不行。