this is fork of Quickchart-MCP-Server

这是 Quickchart-MCP-Server 的分支

quickchart-server MCP 服务

一个使用 QuickChart.io 生成图表的 Model Context Protocol 服务

这是一个基于 TypeScript 的 MCP 服务，提供图表生成功能。你可以通过 MCP 工具创建各种类型的图表。

概述

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

功能

工具

• generate_chart - 使用 QuickChart.io 生成图表 URL

  • 支持多种图表类型：bar、line、pie、doughnut、radar、polarArea、scatter、bubble、radialGauge、speedometer
  • 可自定义标签、数据集、颜色及其他选项
  • 返回生成的图表 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"
      ]
    }
  }
}

文档参考

• QuickChart 文档
• 图表类型参考

📜 许可证

此项目采用 MIT 许可证。