quickchart-server MCP服务器

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

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

概述

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

功能

工具

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

• 支持多种图表类型：柱状图、折线图、饼图、环形图、雷达图、极地面积图、散点图、气泡图、径向仪表图、速度计图

• 可自定义标签、数据集、颜色和附加选项

• 返回生成图表的URL

• download_chart 下载图表图像到本地文件

• 将图表配置和输出路径作为参数

• 将图表图像保存到指定位置

支持的图表类型

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

用法

图表配置

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

JAVASCRIPT``` 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17{ “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：

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

## 开发


安装依赖项：


BASH```
1npm install

构建服务器：

BASH``` 1npm run build

## 安装


### 安装中


BASH```
1npm install @gongrzhe/quickchart-mcp-server

通过Smithery安装

通过以下方式自动为Claude Desktop安装QuickChart服务器 Smithery根据上面的信息，执行如下指令：

BASH``` 1npx -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`


JSON```
1
2
3
4
5
6
7
8{
  "mcpServers": {
    "quickchart-server": {
      "command": "node",
      "args": ["/path/to/quickchart-server/build/index.js"]
    }
  }
}

根据上面的信息，执行如下指令：

JSON``` 1 2 3 4 5 6 7 8 9 10 11{ “mcpServers”: { “quickchart-server”: { “command”: “npx”, “args”: [ “-y”, “@gongrzhe/quickchart-mcp-server” ] } } }

## 文档参考


- [QuickChart 文档](https://quickchart.io/documentation/)
- [图表类型参考](https://quickchart.io/documentation/chart-types/)


## 许可证


这个项目采用MIT许可证授权。