MCP 服务器

Quickchart-MCP-Server

一个 MCP 服务器，用于使用 QuickChart.io 生成可定制的数据可视化图表，支持多种图表类型和 Chart.js 配置。

Tools

generate_chart

Generate a chart using QuickChart

download_chart

Download a chart image to a local file

README

quickchart-server MCP 服务器

一个使用 QuickChart.io 生成图表的模型上下文协议服务器。

这是一个基于 TypeScript 的 MCP 服务器，提供图表生成功能。它允许您通过 MCP 工具创建各种类型的图表。

概述

此服务器与 QuickChart.io 基于 URL 的图表生成服务集成，以使用 Chart.js 配置创建图表图像。用户可以通过提供数据和样式参数来生成各种类型的图表，服务器会将这些参数转换为图表 URL 或可下载的图像。

特性

工具

generate_chart - 使用 QuickChart.io 生成图表 URL
- 支持多种图表类型：条形图、折线图、饼图、甜甜圈图、雷达图、极坐标区域图、散点图、气泡图、径向仪表图、速度计
- 可使用标签、数据集、颜色和其他选项进行自定义
- 返回指向生成的图表的 URL
download_chart - 将图表图像下载到本地文件
- 将图表配置和输出路径作为参数
- 将图表图像保存到指定位置

支持的图表类型

条形图：用于比较不同类别的值
折线图：用于显示随时间变化的趋势
饼图：用于显示比例数据
甜甜圈图：类似于带有空心中心的饼图
雷达图：用于显示多变量数据
极坐标区域图：用于显示具有固定角度段的比例数据
散点图：用于显示数据点分布
气泡图：用于三维数据可视化
径向仪表图：用于显示范围内的单个值
速度计：用于速度计样式的数值显示

用法

图表配置

服务器使用 Chart.js 配置格式。这是一个基本示例：

{
  "type": "bar",
  "data": {
    "labels": ["January", "February", "March"],
    "datasets": [{
      "label": "Sales",
      "data": [65, 59, 80],
      "backgroundColor": "rgb(75, 192, 192)"
    }]
  },
  "options": {
    "title": {
      "display": true,
      "text": "Monthly Sales"
    }
  }
}

URL 生成

服务器将您的配置转换为 QuickChart URL：

https://quickchart.io/chart?c={...encoded configuration...}

开发

安装依赖项：

npm install

构建服务器：

npm run build

安装

npm install @gongrzhe/quickchart-mcp-server

通过 Smithery 安装

要通过 Smithery 为 Claude Desktop 自动安装 QuickChart Server：

npx -y @smithery/cli install @gongrzhe/quickchart-mcp-server --client claude

要与 Claude Desktop 一起使用，请添加服务器配置：

在 MacOS 上：~/Library/Application Support/Claude/claude_desktop_config.json 在 Windows 上：%APPDATA%/Claude/claude_desktop_config.json

{
  "mcpServers": {
    "quickchart-server": {
      "command": "node",
      "args": ["/path/to/quickchart-server/build/index.js"]
    }
  }
}

或者

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