Mermaid图表生成

用文本定义图表结构

Mermaid 图表由文本语法描述节点、参与者、关系或时间安排，再由渲染器把定义绘制成图形。与只看图片不同，文本代码可以继续编辑和复制到文档中。页面提供六类示例模板：流程图、时序图、类图、甘特图、饼图和 ER 图；每种模板都可在代码区修改。Mermaid 官方语法文档说明，图表定义通常先声明图表类型，再描述图中内容。输入后需要点击“生成图表”才会更新预览；成功结果可下载为 SVG。

例如，流程图可以从 flowchart TD 声明开始，TD 表示自上而下排布，随后再写节点和连接关系。把定义拆成图表类型、节点文本和连线几部分检查，通常更容易发现拼写或符号错误；不要把图形标签里出现的词误当成另一条语法命令。

主题改变外观，不改变图意

页面可选 default、forest、dark、neutral 和 base 五种主题。主题主要影响配色和视觉风格，不会替你补足遗漏的节点或改变代码表达的业务关系。复制代码适合继续编辑定义，下载 SVG 则适合插入支持矢量图的文档或网页；导出前应检查节点文字、箭头方向、日期和关系是否与原意相符。

编辑、渲染并下载 SVG

1. 选择起始内容：从示例模板中挑选接近目标结构的一类，或直接在代码区粘贴已有 Mermaid 定义。
2. 编辑文本：按图表类型修改节点、连线和标签。可用主题下拉框调整整体风格；复制按钮用于复制当前代码。
3. 生成预览：点击“生成图表”。如果出现语法错误，先检查首行的图表类型声明、标点、引号和节点关系，再重新渲染。
4. 核对并导出：确认文字和连接方向无误后，下载 SVG。改过代码或主题后再次点击生成，让预览与当前输入保持一致。

最小流程图可包含类型声明和两个节点，例如 flowchart TD 与 A[开始] --> B[结束]。若示例渲染失败，先从该类短定义逐项加回标签和连线，更容易判断是哪处语法造成问题。

代码与渲染常见问题

语法兼容和结果复核

图表代码必须符合当前渲染环境支持的 Mermaid 语法；新版本新增或实验性的语法未必可用。页面使用 Mermaid 11 系列渲染，错误信息只说明解析或渲染未完成，并不替你判断图中流程、时间计划或数据关系是否正确。用于正式文档或评审时，请复核图意和文字，再在目标文档环境中检查 SVG 的呈现效果。此页没有 PNG 导出选项；如果目标软件无法显示 SVG，可保留 Mermaid 文本，在支持的环境中重新渲染。