hybrid server

The server is able to function both locally and remotely, depending on the configuration or use case.

Integrations

Generates charts using Chart.js configurations through QuickChart.io's service, supporting various chart types including bar, line, pie, doughnut, radar, polarArea, scatter, bubble, radialGauge, and speedometer.

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"
      ]
    }
  }
}

文档参考

📜 许可证

该项目已获得 MIT 许可。

You must be authenticated.

A

security – no known vulnerabilities

A

license - permissive license

A

quality - confirmed to work

Tools

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

Related Resources

Reddit Discussion about this server

Quickchart-MCP-Server