mcp-server-chart 的安装和配置教程

项目基础介绍

mcp-server-chart 是一个基于 Model Context Protocol (MCP) 的服务端应用，它可以生成多种类型的可视化图表。该项目使用 TypeScript 语言开发，为用户提供了通过 MCP 工具生成图表的能力。它支持多种图表类型，包括面积图、柱状图、折线图、雷达图等，并且可以通过 HTTP、SSE 等协议在不同的平台上使用。

项目使用的关键技术和框架

• TypeScript: 项目的开发语言，提供了类型安全、面向对象编程特性。
• Node.js: 服务端运行环境，用于搭建 HTTP 服务。
• AntV: 用于生成图表的可视化库，提供了丰富的图表组件和布局。

准备工作

在开始安装 mcp-server-chart 前，请确保您的系统中已安装以下环境和工具：

• Node.js（推荐版本 LTS）
• npm（Node.js 包管理器）

您可以通过以下命令检查它们是否已正确安装：

node -v
npm -v

如果未安装或版本不符，请访问 Node.js 官网下载并安装适合的版本。

安装步骤

1. 克隆项目

首先，从 GitHub 上克隆项目到本地：

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

2. 安装依赖

进入项目目录，安装项目依赖：

cd mcp-server-chart
npm install

3. 构建项目

接下来，构建项目：

npm run build

4. 启动服务

最后，启动 MCP 服务：

npm run start

服务启动后，您可以通过配置 MCP 客户端（如 Claude、VSCode 等）来连接到 mcp-server-chart，并根据需要生成各种图表。

确保在启动服务前已经正确配置了环境变量或配置文件，如果需要私人部署，还需要设置 VIS_REQUEST_SERVER 环境变量来指向您的 HTTP 服务地址。

以上步骤就是 mcp-server-chart 的安装和配置过程，现在您可以开始使用这个服务来生成图表了。