AntV MCP Server Chart 开源项目教程

1. 项目介绍

AntV MCP Server Chart 是一个基于 TypeScript 开发的 Model Context Protocol（MCP）服务器，它提供图表生成功能。通过这个服务器，用户可以创建多种类型的图表，包括但不限于面积图、柱状图、折线图、饼图等。该项目旨在为用户提供一个灵活、可扩展的图表生成服务，支持与多种桌面应用程序（如 Claude、VSCode、Cline、Cherry Studio 等）集成。

2. 项目快速启动

安装依赖

首先，确保您的系统中已经安装了 Node.js。然后克隆项目到本地，并安装依赖：

git clone https://github.com/antvis/mcp-server-chart.git
cd mcp-server-chart
npm install

构建项目

在项目目录中，运行以下命令构建项目：

npm run build

启动服务器

构建完成后，使用以下命令启动 MCP 服务器：

npm run start

服务器启动后，您可以通过配置文件指定的端口访问服务。

3. 应用案例和最佳实践

集成到桌面应用

以下是在桌面应用程序中集成 MCP Server Chart 的示例配置。

Mac 系统

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

Windows 系统

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

私有部署

如果您需要私有部署图表生成服务，可以通过设置环境变量 VIS_REQUEST_SERVER 来使用自定义的图表生成服务。

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

在这里，<YOUR_VIS_REQUEST_SERVER> 应该替换为您部署的 HTTP 服务地址。

4. 典型生态项目

• GPT-Vis-SSR: 一个基于 AntV 的项目，用于在私有环境中部署 HTTP 服务。
• AntV: AntV 是蚂蚁金服开源的数据可视化库，提供了一系列的可视化组件。

以上就是 AntV MCP Server Chart 的开源项目教程。希望这个教程能够帮助您快速上手并有效地使用该项目。