图表
6 个月前
何方
3
Markdown 本身并不支持图表，但 Markdown 在技术文章、文档、博客领域使用较多，所以非常多的 Markdown 解析器是支持图表扩展的。在支持图表扩展的 Markdown 解析器中，我们可以使用解析支持的图表语法来渲染图表。
由于图表不是 Markdown 标准，不同的 Markdown 编辑器支持的图表类型也不同。 我们的在线编辑器使用的是 Mermaid。图表的使用方法和围栏式代码块一样，但代码语言固定为 mermaid，Markdown 解析器会把代码为 mermaid 的代码块解析并渲染为图表。
16.1 流程图
在Markdown编辑器中打开{code16.flowchart}
16.2 时序图
{code16.sequenceDiagram}
16.3 类图
{code16.classDiagram}
16.4 状态图
{code16.stateDiagram}
16.5 实体关系图
{code16.erDiagram}
16.6 用户旅行图
{code16.journey}
16.7 甘特图
{code16.gantt}
16.8 需求图
{code16.requirementDiagram}
16.9 Git 记录图
{code16.gitGraph}
16.10 C4 模型图
{code16.c4}
注意
本文只学习如何在 Markdown 中使用图表，Mermaid 语法不在本文范围内。若要学习 Mermaid 具体语法请移步 Mermaid。
版权声明
该内容为本站原创，转载请注明本站出处。