GitHub Copilot 聊天 在 GitHub.com 上可助你创建美人鱼图(Mermaid diagrams)以可视化数据,从而更轻松地理解和传达洞察。 可以请求 Copilot对话 根据数据或代码生成图表,它会提供创建这些图表所需的代码。
示例方案
你想要创建甘特图来可视化project的时间线。 可以在 GitHub.com 上向 Copilot对话 请求生成甘特图的 Mermaid 代码,其中包含项目阶段及其持续时间的具体细节。 然后,你可以在支持 Mermaid 语法的任何 Markdown 文件中使用此代码,例如 GitHub 上的问题、讨论或拉取请求。
示例提示
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.
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.
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 文档](https://mermaid-js.github.io/mermaid/#/) -
[GitHub Copilot Chat 文档](/copilot/how-tos/use-chat)