AI导哈

图表生成服务

一个基于QuickChart.io的MCP服务器，提供多种图表生成和下载功能，适用于数据可视化场景。

  • by jaeyongk
  • JavaScript
  • 本地部署
  • 更新于
在 GitHub 查看 jaeyongk/quickchart-mcp-server-jykim

使用说明

这是Quickchart MCP服务器的分支

快速图表服务器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安装

通过以下方式自动安装克劳德桌面版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许可证获得许可。

相关 MCP