声明：本文所有的数据仅为示例，请勿当真，只是为了展示图例效果。

几个示例

Ai是否可以直接生成以下的图表

• 饼图

• 柱状图

• 折线图

• 甘特图

AI肯定是可以生成的，而且只使用本地模型就可以生成上述图例效果。下面讲如何生成。

基础知识：Mermaid

首先要明白，当前很多AI前端的渲染，是支持markdown的。而在markdown文件中，能直接显示出图例效果的，就是使用Mermaid语法。下面是一个示例：

```mermaid

xychart-beta

title "销售统计"

x-axis ["一月", "二月","三月", "四月", "五月", "六月", "七月", "八月", "九月", "十月", "十一月", "十二月"]

y-axis "Revenue (in $)" 4000 --> 11000

bar [5000, 6000, 7500, 8200, 9500, 10500, 11000, 10200, 9200, 8500, 7000, 6000]

```

关于此Mermaid语法，详情可以查看网站：
https://mermaid.nodejs.cn/

生成图例

• 尝试1：你当然可以直接给AI说

给我生成一个世界上前十山峰高度的折线图

但是这样问题，很有可能生成的图不符合预期要求，比如它会这样回答

显然是不符合预期的，并不能直接渲染出来。

• 我们这样要求AI

使用Mermaid语法，给我生成一个世界上前十山峰高度的折线图

发现渲染错误，这种情况表明，生成的语法有误。那怎么办呢？

经过手工调整

添加提示词

Mermaid语法比较复杂，可以生成各种图形，AI并没有完全精确的掌握语法，所以，需要给它一些示例，比如用下面的提示词

根据以下mermaid语法示例，可以生成相应的图表

## 甘特图

- 项目计划示例一

```mermaid

gantt

title 项目进度计划

dateFormat YYYY-MM-DD

section 任务1

任务A :a1, 2025-04-01, 10d

任务B :a2, 2025-04-15, 5d

section 任务2

任务C :a3, 2025-04-20, 7d

任务D :a4, 2025-04-25, 3d

section 任务3

任务E :a5, 2025-05-01, 5d

```

- 项目计划示例2

```mermaid

gantt

title 项目管理计划 - 项目进度甘特图

dateFormat YYYY-MM-DD

section 项目启动

启动会议 :a1, 2025-04-01, 2d

项目章程制定 :a2, 2025-04-03, 3d

section 需求分析

需求收集 :a3, 2025-04-06, 4d

需求评审 :a4, 2025-04-10, 2d

section 设计

系统设计 :a5, 2025-04-12, 5d

用户界面设计 :a6, 2025-04-17, 4d

section 开发

后端开发 :a7, 2025-04-18, 10d

前端开发 :a8, 2025-04-28, 10d

section 测试

单元测试 :a9, 2025-05-08, 5d

系统测试 :a10, 2025-05-13, 5d

section 部署

系统部署 :a11, 2025-05-18, 3d

用户培训 :a12, 2025-05-21, 2d

项目结项会议 :a13, 2025-05-23, 1d

```

## 饼图

```mermaid

pie

title 全球七大洲面积比例

"亚洲" : 44.58

"非洲" : 30.37

"北美洲" : 24.71

"南美洲" : 17.84

"南极洲" : 14.00

"欧洲" : 10.18

"大洋洲" : 8.51

```

## 柱状图

```mermaid

xychart-beta

title "销售统计"

x-axis ["一月", "二月","三月", "四月", "五月", "六月", "七月", "八月", "九月", "十月", "十一月", "十二月"]

y-axis "Revenue (in $)" 4000 --> 11000

bar [5000, 6000, 7500, 8200, 9500, 10500, 11000, 10200, 9200, 8500, 7000, 6000]

```

注意：柱状图中的x-axis， y-axis若是中文，需要加双引号

/no_think

然后再次提问

生成一个世界上前十山峰高度的柱状图，高度范围5000~9000

后记

Mermaid语法比较复杂，即使是在线大模型，也无法每次准确的生成想要的效果。比如上面的那个图，文字都重叠了。其实图例的大小以及文字都是可以调的。比如可以调成下面的图例

所以，自动生成图例，现阶段需要作为参考，然后手工调整；或者把Mermaid语法让AI学习。或者你有什么好的建议，可以提出来。