借助 AntV MCP Chart，在AI IDE中用自然语言创建专业图表

数据可视化通常需要繁琐的编程或复杂的图形界面操作，但现在有了新的选择。蚂蚁集团开源的数据可视化库 AntV 生态下的 @antv/mcp-server-chart 项目，让用户可以通过自然语言指令快速生成各种主流图表，极大地简化了从数据到图形的转换过程。

本文将详细介绍如何配置和使用这个工具，并通过实际案例展示其强大的功能。

O que é MCP?

MCP (Middleware Communication Protocol) 是一种中间件通信协议，它允许不同的应用程序或服务之间进行标准化的数据交换。在 AntV 的生态中，MCP 扮演着连接前端应用与后端图表生成服务的桥梁。@antv/mcp-server-chart 就是这样一个基于 MCP 的图表服务，它能接收指令并返回可视化结果。

该服务目前托管在 NPM 上，访问地址为：https://www.npmjs.com/package/@antv/mcp-server-chart

它已经支持超过25种主流图表，基本覆盖了日常数据分析的全部需求。

配置 MCP 图表服务

配置过程非常简单，只需要一个配置文件，但不同操作系统环境下的配置指令略有差异。

Mac 系统配置

existir Mac 电脑上，配置文件如下：

{
"mcpServers": {
"mcp-server-chart": {
"command": "npx",
"args": [
"-y",
"@antv/mcp-server-chart"
]
}
}
}

Windows 系统配置

existir Windows 电脑上，由于命令行环境的差异，需要通过 cmd 来调用 npx.

{
"mcpServers": {
"mcp-server-chart": {
"command": "cmd",
"args": [
"/c",
"npx",
"-y",
"@antv/mcp-server-chart"
]
}
}
}

在 Trae 工具中集成

接下来，我们需要在一个支持 MCP 的客户端工具（本文以 Trae 为例）中加载这项服务。

1. 首先，进入 Trae (usado em uma expressão nominal) MCP 配置界面。
   
2. 在服务列表中，选择“手动添加”。
   
3. 接着，打开“原始配置（JSON）”编辑模式。
   
4. 将对应你操作系统的 JSON 配置代码复制并粘贴到 mcpServers 节点下。以下为 Windows 系统的示例。

   "mcp-server-chart": {
   "command": "cmd",
   "args": [
   "/c",
   "npx",
   "-y",
   "@antv/mcp-server-chart"
   ]
   }
   

   

5. 保存配置后，等待服务状态刷新成功。当看到状态变为“运行中”时，表示服务已经准备就绪。
   

通过自然语言生成图表示例

配置完成后，就可以开始通过简单的对话式指令来创建图表了。这种交互方式对于需要快速验证数据洞察的产品经理和数据分析师尤其友好。

柱状图

输入指令，描述需要展示的数据和图表类型。

帮我生成一个柱状图，显示2025年前半年的销售数据：
1月: 120万, 2月: 150万, 3月: 180万, 4月: 160万, 5月: 180万, 6月: 230万

服务会立刻返回一张清晰的柱状图。

饼状图

同样，生成饼图也只需要一句话。

帮我画个饼图，显示2025年前半年智能手机市场份额：
苹果：15%, 小米：17%, OPPO：14%, vivo：16%, 华为：17%, 其他：21%

趋势图

对于多维度数据，它可以智能地选择合适的图表类型，比如折线图来展示趋势。

生成一个折线图，显示某电商平台2025年前半年的核心指标：
1月：用户数150万，订单数18万，GMV 520万
2月：用户数155万，订单数19万，GMV 535万
3月：用户数162万，订单数21万，GMV 565万
4月：用户数158万，订单数20万，GMV 550万
5月：用户数168万，订单数23万，GMV 595万
6月：用户数175万，订单数25万，GMV 625万

词云图

词云图可以直观展示文本数据的关键词频率。

根据这些技术关键词生成词云图：
JavaScript(100), Python(190), React(80), Vue(70), Node.js(65), TypeScript(60), Docker(155), Kubernetes(150), Java(160), Redis(60), MongoDB(135), MySQL(130)

地图可视化

地理空间数据的可视化同样轻而易举，并且支持静态和动态交互两种模式。

生成一个中国地图，显示各省份2025年的销售额分布：
北京：2000万, 上海：1800万, 广东：2500万, 浙江：1200万, 江苏：1500万, 陕西：1500万, 贵州：1300万, 湖北：1500万

静态地图提供了数据的概览。

动态交互地图则允许用户通过鼠标悬停等操作查看更详细的数据信息。

将自然语言处理（NLP）与数据可视化结合，不仅降低了专业图表的制作门槛，也为未来的人机交互开辟了新的想象空间。随着模型能力的不断增强，未来或许仅凭一句话就能完成复杂的数据分析与报告生成。