Quick Chart MCP

🚀 快速圖表 MCP 服務器

一個實現模型上下文協議 (MCP) 的服務器，提供圖表工具，讓其能夠通過標準化接口與 快速圖表 進行交互。基於圖表定義，該服務器可使用戶無縫打開快速圖表頁面。

🚀 快速開始

此 MCP 服務器工具主要用於與 Quick Chart 進行交互，並且實現了模型上下文協議規範，以此來標準化 AI 代理的圖表交互。

📦 安裝指南

先決條件

• Node.js (v16 或更高版本)
• pnpm（推薦）、npm 或 yarn

安裝方式

通過 Smithery 安裝

若要為 Claude Desktop 自動安裝 quick-chart-mcp，可使用 Smithery：

npx -y @smithery/cli install @datafe/quick-chart-mcp --client claude

選項 1：通過 npm 安裝（推薦用於 Cursor/Cline 等客戶端）

# 全局安裝
npm install -g quick-chart-mcp

# 或者在項目中本地安裝
npm install quick-chart-mcp

選項 2：從源碼構建（供開發者使用）

1. 克隆此倉庫：

git clone https://github.com/datafe/quick-chart-mcp
cd quick-chart-mcp

2. 安裝依賴項（推薦使用 pnpm，支持 npm）：

pnpm install

3. 構建項目：

pnpm run build

4. 開發項目（由 @modelcontextprotocol/inspector 開發）：

pnpm run dev

打開 http://localhost:5173

📚 詳細文檔

配置

MCP 配置

{
  "mcpServers": {
    "quick-chart-mcp": {
      "autoApprove": [],
      "disabled": false,
      "timeout": 300,
      "command": "npx",
      "args": [
        "quick-chart-mcp@1.0.13"
      ],
      "transportType": "stdio"
    }
  }
}

環境配置

創建一個 .env 文件以包含你的憑證：

# Quick Chart 配置
NODE_ENV=optional_development_or_product
QUICK_CHART_DRAW_URL=optional_quick_chart_draw_url
NEED_INSTALL_QUICK_CHART=optional_true_or_false

項目結構

quick-chart-mcp/
├── src/
│   ├── index.ts          # 主入口點
└── package.json
    └── tsconfig.json

可用工具

此 MCP 服務器提供以下 Quick Chart 工具：

• GetChartImgLink - 通過參數獲取圖表圖片鏈接。
• InstallQuickChart - 在本地安裝 quick chart 服務。

安全注意事項

• 使用環境變量存儲敏感信息
• 定期監控和審計 AI 代理活動

故障排除

如遇到問題，可驗證構建是否成功。

依賴項

圖像 API。

貢獻

歡迎貢獻！請隨意提交 Pull Request。步驟如下：

1. 叉克隆倉庫
2. 創建功能分支 (git checkout -b feature/amazing-feature)
3. 提交更改 (git commit -m 'Add some amazing feature')
4. 推送到分支 (git push origin feature/amazing-feature)
5. 打開 Pull Request

📄 許可證

此項目根據 MIT License 分發。