markdown画流程图的基本理解

flowchart.js概述

Created with Raphaël 2.3.0 开始 好好学习流程图 学会了吗? 结束 yes no

大致的语法就是:定义节点,然后定义关系。

节点别名=>节点类型: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)为例。

Created with Raphaël 2.3.0 开始 x=1,y=2 并行任务 计算x*x 1 相加 9 结束 计算y+6 8

修改流程图元素的属性

修饰流程图中的连接线:

Created with Raphaël 2.3.0 开始 结束
修饰边:
开始节点@>结束节点({"属性名": value,})

如何在边元素上写字呢?如果想要实现的话需要自定义flowchart.js中的一些数据。如果用html语言的话比较容易实现。但是用这个编辑器似乎不行。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值