Skip to main content

创建关系图

GitHub Copilot 对话助手可以帮助创建图表,更好地理解数据并传达见解。

GitHub Copilot 聊天 可以帮助创建 Mermaid 图表以可视化数据,使理解和传达见解更加容易。 可以请求 Copilot 对话助手 根据数据或代码生成图表,它会提供创建这些图表所需的代码。

示例方案

你希望创建甘特图以可视化项目时间线。 可以请求 Copilot 对话助手 生成甘特图的 Mermaid 代码,并包含项目阶段及其持续时间的具体信息。 然后可以在支持 Mermaid 语法的任何 Markdown 文件中使用这些代码,例如 GitHub 上的问题、讨论或拉取请求。

示例提示

Copilot Chat prompt
Create a mermaid gantt diagram that covers the period August 1st 2025 until January 31st, 2025. Include 5 phases, each taking 6 weeks, and overlapping equally.

示例响应

注意

以下响应是示例。 Copilot 对话助手 的回答是不确定的,因此你可能会得到与这里所显示的不同的回答。

Copilot 会提供生成流程图的 Mermaid 代码。 可以将 Copilot 对话助手 提供的代码复制并粘贴到 GitHub 上支持 Markdown 的位置,如问题或讨论。

确保在代码块前后使用正确的 Mermaid 语法 ```mermaid```,以便图表正确渲染。

```mermaid
gantt
    title Project Timeline: Aug 2025 - Jan 2026
    dateFormat  YYYY-MM-DD
    axisFormat  %b %d

    section Phase 1
    Phase 1           :a1, 2025-08-01, 42d

    section Phase 2
    Phase 2           :a2, 2025-09-07, 42d

    section Phase 3
    Phase 3           :a3, 2025-10-13, 42d

    section Phase 4
    Phase 4           :a4, 2025-11-18, 42d

    section Phase 5
    Phase 5           :a5, 2025-12-24, 42d
```

该 Mermaid 代码将生成如下图表:

Mermaid 甘特图的渲染截图。

其他阅读材料

  •           [Mermaid 文档](https://mermaid-js.github.io/mermaid/#/)
    
  •           [GitHub Copilot 文档](/copilot/how-tos/use-chat)