JinDaGe - Quickchart-MCP-Server MCP Details

article

README

🚀 快速图表 MCP 服务器

这是一个基于 TypeScript 的 MCP 服务器，可通过 QuickChart.io 生成各类图表。借助 MCP 工具，用户能轻松创建不同类型的可视化图表，满足多样化的数据展示需求。

🚀 快速开始

该服务器与 QuickChart.io 的基于 URL 的图表生成服务集成，利用 Chart.js 配置生成图表图像。用户只需提供数据和样式参数，服务器就能将其转换为图表的 URL 或可下载的图像。

✨ 主要特性

工具

generate_chart - 使用 QuickChart.io 生成图表 URL
- 支持多种图表类型：柱状图、折线图、饼图、环形图、雷达图、极坐标面积图、散点图、气泡图、径向仪表盘、速度计
- 可自定义标签、数据集、颜色和额外选项
- 返回生成的图表 URL
download_chart - 将图表图像下载到本地文件中
- 接收图表配置和输出路径作为参数
- 将图表图像保存到指定位置

支持的图表类型

柱状图：用于比较不同类别的值
折线图：用于显示时间趋势
饼图：用于展示比例数据
环形图：类似于饼图，中间为空白
雷达图：用于显示多变量数据
极坐标面积图：用于显示固定角度分段的比例数据
散点图：用于显示数据点分布
气泡图：用于显示数据点的大小和位置
径向仪表盘：用于显示指标值
速度计：用于显示范围值

💻 使用示例

基础用法

const chart = {
  type: 'bar', // 图表类型
  data: {
    labels: ['A', 'B', 'C'], // 数据标签
    datasets: [{
      label: '数据集1',
      data: [65, 59, 80], // 数据值
      backgroundColor: '#FF6B6B' // 数据背景颜色
    }]
  },
  options: {
    responsive: true, // 是否响应式
    scales: {
      y: {
        beginAtZero: true // Y轴从零开始
      }
    }
  }
};

生成图表

# 使用 generate_chart 工具
npx quickchart-server generate-chart --config=config.json --output=output.png

# 或直接运行脚本
node index.js --generate --config=config.json --output=output.png

📦 安装指南

安装依赖

npm install

启动开发服务器

npm run dev

测试工具

npm test

📚 详细文档

📄 许可证

此项目使用 MIT 许可证。

Quickchart-MCP-Server