AntV MCP Server Chart：你的图表生成利器，让数据可视化更轻松！

厌倦了手动绘制图表？想让数据说话，却苦于没有趁手的工具？那么，AntV MCP Server Chart 绝对值得你了解一下！它就像一位专业的图表生成助手，能帮你快速、高效地创建各种各样的图表，让数据可视化变得简单有趣。

### 什么是 AntV MCP Server Chart？

简单来说，AntV MCP Server Chart 是一个基于 TypeScript 的模型上下文协议 (MCP) 服务器，专门用于生成各种图表。它利用 AntV 强大的图表库，通过 MCP 工具，让你轻松创建出美观、专业的图表，无需深入了解复杂的图表语法。更棒的是，它还能与 Dify 等工具集成，让你的工作流程更加顺畅。

### 强大功能，应有尽有

AntV MCP Server Chart 提供的图表类型可谓是相当丰富，目前已经支持 15 种以上的图表，涵盖了我们日常工作和生活中常见的各种数据可视化需求：

* **generate\_area\_chart:** 生成面积图，清晰展示数据变化趋势。
* **generate\_bar\_chart:** 生成条形图，直观比较不同类别的数据大小。
* **generate\_column\_chart:** 生成柱状图，与条形图类似，但更适合展示时间序列数据。
* **generate\_dual\_axes\_chart:** 生成双轴图，同时展示两种不同尺度的数据，方便对比分析。
* **generate\_fishbone\_diagram:** 生成鱼骨图（也称因果图），帮助你分析问题的根本原因。
* **generate\_flow\_diagram:** 生成流程图，清晰展示工作流程和步骤。
* **generate\_histogram\_chart:** 生成直方图，展示数据的分布情况。
* **generate\_line\_chart:** 生成折线图，用于展示数据随时间变化的趋势。
* **generate\_mind\_map:** 生成思维导图，帮助你整理思路、激发创意。
* **generate\_network\_graph:** 生成网络图，展示数据之间的关系和连接。
* **generate\_pie\_chart:** 生成饼图，展示各部分数据在整体中所占的比例。
* **generate\_radar\_chart:** 生成雷达图，用于比较多个指标在不同对象上的表现。
* **generate\_scatter\_chart:** 生成散点图，用于展示两个变量之间的关系。
* **generate\_treemap\_chart:** 生成树状图，以层级结构展示数据的占比关系。
* **generate\_word\_cloud\_chart:** 生成词云图，突出显示文本数据中出现频率最高的词语。

有了这些图表类型，无论是数据分析、报告撰写还是演示汇报，你都能找到合适的图表来清晰、有效地呈现你的数据。

### 快速上手，简单易用

AntV MCP Server Chart 的使用非常简单，即使你不是技术专家也能轻松上手。它支持多种使用方式，满足不同用户的需求：

**1. 与桌面应用集成：**

如果你习惯使用 Claude、VSCode、Cline、Cherry Studio、Cursor 等桌面应用，你可以通过添加 MCP 服务器配置来集成 AntV MCP Server Chart。根据你的操作系统（Mac 或 Windows），按照官方提供的配置代码添加到你的应用中即可。这样，你就可以直接在这些应用中使用图表生成功能了。

**Mac 系统配置示例：**

“`json
{
“mcpServers”: {
“mcp-server-chart”: {
“command”: “npx”,
“args”: [ “-y”, “@antv/mcp-server-chart” ]
}
}
}
“`

**Windows 系统配置示例：**

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

**2. 在线平台使用：**

除了桌面应用，你还可以在阿里云、ModelScope、glama.ai、smithery.ai 等在线平台上使用 AntV MCP Server Chart，通过 HTTP 或 SSE 协议进行交互。这种方式更加灵活，方便你在不同的环境中使用图表生成功能。

**3. 通过 SSE 或 Streamable 传输运行：**

如果你想更深入地了解 AntV MCP Server Chart 的运行机制，或者需要自定义配置，你可以选择通过 SSE (Server-Sent Events) 或 Streamable 传输方式来运行它。

* **安装：** 首先，你需要全局安装 `@antv/mcp-server-chart` 包：

“`bash
npm install -g @antv/mcp-server-chart
“`

* **运行：** 然后，根据你选择的传输方式运行服务器：

* **SSE 传输 (默认端口: /sse):**

“`bash
mcp-server-chart –transport sse
“`

* **Streamable 传输 (自定义端口):**

“`bash
mcp-server-chart –transport streamable
“`

* **访问：** 运行成功后，你可以通过以下地址访问服务器：

* **SSE 传输:** `http://localhost:1122/sse`
* **Streamable 传输:** `http://localhost:1122/mcp`

**4. 命令行选项：**

AntV MCP Server Chart 还提供了丰富的命令行选项，方便你进行更精细的配置：

* `–transport, -t`: 指定传输协议，可选 `stdio`、`sse` 或 `streamable` (默认: `stdio`)。
* `–port, -p`: 指定 SSE 或 streamable 传输的端口 (默认: `1122`)。
* `–endpoint, -e`: 指定传输的端口：
* SSE：默认为 `/sse`
* streamable：默认为 `/mcp`
* `–help, -h`: 显示帮助信息。

### 私有部署，安全可靠

AntV MCP Server Chart 默认提供免费的图表生成服务。但是，对于一些对数据安全有更高要求的用户，或者需要更灵活的定制化功能的用户，可以选择进行私有部署。

**私有部署方法：**

1. **设置环境变量：** 在 MCP 服务器配置中，添加 `VIS_REQUEST_SERVER` 环境变量，并将其值设置为你自己的图表生成服务的 URL。

“`json
{
“mcpServers”: {
“mcp-server-chart”: {
“command”: “npx”,
“args”: [ “-y”, “@antv/mcp-server-chart” ],
“env”: {
“VIS_REQUEST_SERVER”: “<YOUR_VIS_REQUEST_SERVER>”
}
}
}
}
“`

2. **部署 HTTP 服务：** 你可以使用 AntV 的 GPT-Vis-SSR 项目，在私有环境中部署一个 HTTP 服务，并将该服务的 URL 地址传递给 `VIS_REQUEST_SERVER` 环境变量。

通过私有部署，你可以完全掌控你的数据，并根据自己的需求定制图表生成服务。

### 开发指南，贡献力量

如果你是一位开发者，并且对 AntV MCP Server Chart 感兴趣，你可以参与到它的开发中来。

**开发步骤：**

1. **安装依赖：**

“`bash
npm install
“`

2. **构建服务器：**

“`bash
npm run build
“`

3. **启动 MCP 服务器：**

“`bash
npm run start
“`

AntV MCP Server Chart 采用 MIT 许可证，欢迎大家积极参与，共同完善这个优秀的图表生成工具。

### 总结

AntV MCP Server Chart 是一款功能强大、易于使用的图表生成工具，它能帮助你快速创建各种各样的图表，让数据可视化变得更加简单高效。无论你是数据分析师、报告撰写者还是演示汇报者，它都能成为你的得力助手。快来试试 AntV MCP Server Chart，让数据说话，让你的工作更精彩！

antvis/mcp-server-chart: 🤖 A visualization Model Context Protocol server for generating visual charts using @antvis.
https://github.com/antvis/mcp-server-chart