跳到主要内容
爱思文档
爱要春风化雨,思必汇流成渊
登录
注册
首页
...
/
📖 爱思文档用户指南
/
📝 文档编辑指南
/
📐 Mermaid与更多图表
📐 Mermaid与更多图表
Admin
·
2026-06-05 18:54
0
回复
分享文档
生成公开分享链接,任何人可通过链接访问此文档。
访问密码(可选)
有效期(天,0=永久)
生成分享链接
评论 (
0
)
请
登录
后发表评论
目
录
目录
解析中...
首页
/
未命名文档
保存草稿
发布
从模板创建
Vditor
Markdown
✓
电子表格
✓
# 📐 Mermaid、PlantUML 与 Graphviz >i **每个图表先展示写法和渲染效果。使用方式中的 \`\`\`xxx 表示代码块围栏标记。** ## 1. Mermaid 流程图 **使用方式:用 \`\`\`mermaid 包裹** ```text graph TD A[开始] --> B{判断} B -->|是| C[执行] B -->|否| D[结束] C --> D ``` **渲染效果:** ```mermaid graph TD A[开始] --> B{判断} B -->|是| C[执行] B -->|否| D[结束] C --> D ``` ## 2. Mermaid 时序图 **使用方式:用 \`\`\`mermaid 包裹** ```text sequenceDiagram Alice->>Bob: Hello Bob-->>Alice: Hi ``` **渲染效果:** ```mermaid sequenceDiagram Alice->>Bob: Hello Bob-->>Alice: Hi ``` ## 3. PlantUML **使用方式:用 \`\`\`plantuml 包裹** ```text @startuml actor User database DB User -> DB: Query DB --> User: Result @enduml ``` **渲染效果:** ```plantuml @startuml actor User database DB User -> DB: Query DB --> User: Result @enduml ``` ## 4. Graphviz (DOT) **使用方式:用 \`\`\`graphviz 包裹** ```text digraph G { rankdir=LR; Editor -> Vditor -> HTML; HTML -> "Chart Plugins"; "Chart Plugins" -> SVG; "Chart Plugins" -> Canvas; } ``` **渲染效果:** ```graphviz digraph G { rankdir=LR; Editor -> Vditor -> HTML; HTML -> "Chart Plugins"; "Chart Plugins" -> SVG; "Chart Plugins" -> Canvas; } ```
选择模板
×
加载中...
评论 (0)
请登录后发表评论