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安装
通过以下方式自动为Claude Desktop安装QuickChart服务器 Smithery根据上面的信息,执行如下指令:
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许可证授权。

