GitHub Copilot 聊天 可以帮助创建 Mermaid 图表以可视化数据,使理解和传达见解更加容易。 可以请求 Copilot 对话助手 根据数据或代码生成图表,它会提供创建这些图表所需的代码。
示例方案
你希望创建甘特图以可视化项目时间线。 可以请求 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 对话助手 提供的代码复制并粘贴到 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 文档](https://mermaid-js.github.io/mermaid/#/) -
[GitHub Copilot 文档](/copilot/how-tos/use-chat)