QuickChart-MCP-Server 简介

基于 Model Context Protocol (MCP) 的图表生成服务器，使用 TypeScript 开发，集成 QuickChart.io 的 URL 图表生成服务，支持通过 MCP 工具生成各类图表（基于 Chart.js 配置），返回图表 URL 或本地文件。

核心功能

1. 图表生成工具

   • generate_chart：生成图表 URL
     • 输入：Chart.js 格式配置（包含类型、数据、样式等）
     • 输出：可直接访问的图表 URL（基于 QuickChart.io 服务）
   • download_chart：下载图表为本地图片
     • 输入：Chart.js 配置、文件保存路径
     • 输出：本地保存的图表图片（如 PNG 格式）

2. 支持的图表类型

   类型	用途
   柱状图 (Bar)	分类数据对比
   折线图 (Line)	趋势变化展示
   饼图 (Pie)	比例数据可视化
   圆环图 (Doughnut)	带中心空白的比例数据
   雷达图 (Radar)	多维数据综合展示
   极区图 (PolarArea)	固定角度分段的比例数据
   散点图 (Scatter)	数据点分布趋势
   气泡图 (Bubble)	三维数据可视化
   径向仪表盘 (RadialGauge)	范围值展示
   速度表 (Speedometer)	单值仪表盘样式展示

3. 配置灵活性

   • 支持自定义标签、数据集、颜色、标题、坐标轴等 Chart.js 原生配置。
   • 示例配置：

                         
     json
     
                         {  
       "type": "bar",  
       "data": {  
         "labels": ["一月", "二月", "三月"],  
         "datasets": [{  
           "label": "销售额",  
           "data": [65, 59, 80],  
           "backgroundColor": "rgb(75, 192, 192)"  
         }]  
       },  
       "options": {  
         "title": {  
           "display": true,  
           "text": "月度销售数据"  
         }  
       }  
     }  
     

   • 生成的 URL 示例：

     https://quickchart.io/chart?c={...经过 URL 编码的配置...}  
     

使用场景

• 数据可视化：为 LLM 应用或数据分析工具生成结构化图表。
• 报告生成：在文档或报告中嵌入动态图表链接。
• 本地文件存储：将图表保存为图片用于离线场景。

技术实现

• 开发语言：TypeScript
• 集成服务：QuickChart.io（基于 URL 的图表生成）
• 协议支持：Model Context Protocol (MCP)，兼容智能体工具调用规范。

文档参考

• QuickChart 官方文档：QuickChart Documentation
• 图表类型参考：Chart.js Chart Types

通过该服务器，用户可通过 MCP 协议快速将数据转换为可视化图表，适用于需要动态图表生成的智能体应用或自动化报告流程。