惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

B
Blog RSS Feed
量子位
Recent Announcements
Recent Announcements
T
The Blog of Author Tim Ferriss
美团技术团队
Cyber Security Advisories - MS-ISAC
Cyber Security Advisories - MS-ISAC
Blog — PlanetScale
Blog — PlanetScale
H
Help Net Security
freeCodeCamp Programming Tutorials: Python, JavaScript, Git & More
博客园 - Franky
让小产品的独立变现更简单 - ezindie.com
让小产品的独立变现更简单 - ezindie.com
宝玉的分享
宝玉的分享
大猫的无限游戏
大猫的无限游戏
V
Visual Studio Blog
博客园 - 聂微东
aimingoo的专栏
aimingoo的专栏
Microsoft Security Blog
Microsoft Security Blog
U
Unit 42
J
Java Code Geeks
钛媒体:引领未来商业与生活新知
钛媒体:引领未来商业与生活新知
IT之家
IT之家
Hugging Face - Blog
Hugging Face - Blog
腾讯CDC
L
LangChain Blog

博客园 - 平凡之测

如何写文章/专题 CCRC-准备过程 ccrc 应审会议记录 《慢慢变富》 读书要点分享 《从 0 到 1 打造个人品牌》核心要点解读与应用指南 读书-如何使自己变强 学习--【把时间当作看朋友--青少年版本】 赚钱-《微信互联网平民创业》-李笑来 观点梳理 管理类联考MBA研究生如何备考经验【快而轻松过】 高层系统功能宣讲会议 质量机构汇总及分析 沈阳 在职MBA专业 考试信息介绍/MBA 与MEM 区别 /学费/考试流程 管理类联考 /mba 复试面试总结 关于测试用例相关的标准文件内容 ITSS 运维-服务台相关内容 ppt 字少怎么办 改写文件心得 ppt 文字 +图 样式 设计 披萨报告
Mermaid Live Editor 如何调整方向
平凡之测 · 2024-08-05 · via 博客园 - 平凡之测

在 Mermaid Live Editor 中,默认情况下,流程图和序列图等都是按照从左到右的方向来布局的。但是,如果你想要创建一个从上到下(纵向)布局的图形,你可以使用 TD(Top-Down,即从上到下)或者 BT(Bottom-Up,即从下到上)来指定方向。对于横向布局,使用 RL(Right-Left,即从右到左)或者 LR(Left-Right,即从左到右)。

例如,以下是创建一个从左到右布局的流程图的 Mermaid 代码:

graph LR A[开始] --> B{决策点} B -- 是 --> C[结果1] B -- 否 --> D[结果2] C --> E[结束] D --> E

如果你想要一个从上到下的布局,你可以这样写:

graph TD A[开始] --> B{决策点} B -- 是 --> C[结果1] B -- 否 --> D[结果2] C --> E[结束] D --> E

在 Mermaid Live Editor 中,你可以实时看到这些更改的效果。只需将上述代码复制并粘贴到 Mermaid Live Editor 的编辑区域,然后观察图形的布局方向。

请注意,Mermaid 语法对于不同类型的图表(如流程图、序列图、甘特图等)有特定的方向要求。例如,甘特图默认就是从左到右,按时间顺序排列的。在创建图表时,请确保你使用的是正确的图表类型和方向指定符。