Token导航 LogoToken导航TokenDH.com
QuickChart MCP logo
运维云端stdio官方级别未说明来源级核验

QuickChart MCP

MCP Server

@smithery/cli

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

工具数

2

提示词数

0

GitHub Stars

160

资源数

0
数据可视化图表生成JavaScriptClaudeClaude DesktopClaude

安装说明

本站只整理中文说明和来源信息,不托管安装包,也不代用户安装。

作者 / 组织

GongRzhe

提供方

GongRzhe

最后核验

2026/5/17 20:50

运行时

Node.js

快速接入

先看主来源和安装命令,再打开仓库或文档;下面只保留这个条目的关键接入事实。

命令预览

npx -y @smithery/cli install @gongrzhe/quickchart-mcp-server --client claude

详细介绍

quickchart-server MCP服务器

image

![](https://badge.mcpx.dev?type=server "MCP Server")

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

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

概述

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

功能

工具

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

- 支持多种图表类型:柱状图、折线图、饼图、环形图、雷达图、极地面积图、散点图、气泡图、径向仪表图、速度计图 - 可自定义标签、数据集、颜色和附加选项 - 返回生成图表的URL

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

- 将图表配置和输出路径作为参数 - 将图表图像保存到指定位置 image

image

支持的图表类型

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

用法

图表配置

服务器使用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许可证授权。

目录标签

目录标签

数据可视化图表生成JavaScriptClaude混合部署MCP服务器QuickChart集成

支持客户端

Claude DesktopClaude

接入字段

传输方式(transport,传输协议)

stdio

鉴权方式(authType,认证方式)

none

运行时(runtime,运行环境)

Node.js

部署方式(deploymentType,部署类型)

remote-capable

来源包(packageName,安装包名)

@smithery/cli

工具数量(toolCount,工具数)

2

资源数量(resourceCount,资源数)

0

提示词数量(promptCount,提示词数)

0

权限和风险

stdiononeremote-capable

接入前请确认传输方式、认证方式和部署位置,并根据实际工具能力限制访问范围。

安装前确认

不要直接授予不必要的文件、网络或账号权限;先核对安装命令和配置内容。

来源信息

继续浏览同类 MCP