画流程图工具 Graphviz 教程 - subgraph

Subgraph 的名字需要以 cluster 为前缀，否则不生效。

一个跑步小程序的流程图

digraph dg { 
	node [shape=box, margin=0.2]

	跑步爱好者  
	-> 微信中打开组织者分享的小程序 
	-> 报名 
	-> 报名成功

	报名
	-> 报名失败

	subgraph cluster_match {
		node [style=filled, color=white]
		style = filled
		color = lightgrey

		活动当日在起点扫码开跑
		-> 开始计时
		-> 每圈扫码记录单圈成绩
		-> 到终点扫码完成赛程
		
		label = "比赛中"
	}

	到终点扫码完成赛程
	-> 查看比赛成绩，及排名

	报名成功
	-> 活动当日在起点扫码开跑

	报名失败 [];
}

Tips

还是不加分号比较方便编辑。

微信关注我哦 👍

我是来自山东烟台的一名开发者，有感兴趣的话题，或者软件开发需求，欢迎加微信 zhongwei 聊聊， 查看更多联系方式

不对，不加cluster也生效，只是不会用框框起来而已。比如你把一个subgraph里的node全部设成color=red。有点类似“样式”的概念。