Azure Devops Wiki 实体关系图

Question

我是 Azure Devops 的新手，但在网上发现的项目表明可以使用 mermaid 在 Azure wiki 页面中创建实体关系图。例如下面的链接。

https://github.com/mermaid-js/mermaid/issues/1338

我可以使用美人鱼代码创建项目，但是当我使用 erDiagram 文本并单击加载图表时，我只是收到“不支持的图表类型”错误。我不确定我的文本中是否有问题或者我是否需要升级美人鱼（？）。我对这一切一无所知，因为我是新手，快速谷歌似乎暗示这是一个尚未解决的常见问题。

有人可以帮忙吗？

Answer 1

Azure DevOps Wiki 的 mermaid 实现目前似乎不支持 erDiagram。我在 erDiagram 中遇到了同样的错误，它在 Mermaid Live Editor 中渲染得很好。我在使用其他图表类型时也遇到了麻烦。

此页面，Markdown 语法...美人鱼图，表示目前仅支持三种图表类型：

• 时序图
• 甘特图
• 流程图

Answer 2

正如其他人提到的，Azure DevOps 仍然不会渲染 mermaid

erDiagram

代码。我发现一种有效的交互式方式是将 mermaid.live 提供的链接包含到我的 Markdown 文件中。

1. 前往 mermaid.live 并创建您的图表
2. 在“操作”选项卡下，复制提供的 markdown
3. 将其粘贴到 Azure DevOps markdown 文件中。

如果您需要编辑图表，只需单击它（从 Markdown 文件中），您将被带到 mermaid.live，图表已加载。