Skip to main content

创建关系图

GitHub Copilot Chat 可以帮助你创建图表,以便更好地了解数据并传达见解。

在本文中

GitHub Copilot 聊天 在 GitHub.com 上可助你创建美人鱼图(Mermaid diagrams)以可视化数据,从而更轻松地理解和传达洞察。 可以请求 Copilot对话 根据数据或代码生成图表,它会提供创建这些图表所需的代码。

示例方案

你想要创建甘特图来可视化project的时间线。 可以在 GitHub.com 上向 Copilot对话 请求生成甘特图的 Mermaid 代码,其中包含项目阶段及其持续时间的具体细节。 然后,你可以在支持 Mermaid 语法的任何 Markdown 文件中使用此代码,例如 GitHub 上的问题、讨论或拉取请求。

示例提示

Copilot 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对话 提供的代码,并将其粘贴到支持 Markdown 的 GitHub 上,例如在问题或讨论中。

确保在代码块前后使用正确的 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 Chat 文档](/copilot/how-tos/use-chat)