Quickchart MCP Server

🚀 快速圖表 MCP 服務器

快速圖表 MCP 服務器是一個基於 TypeScript 的 MCP 服務器，可藉助 QuickChart.io 生成各類圖表。用戶能通過 MCP 工具，輕鬆創建不同類型的圖表，滿足多樣化的數據可視化需求。

🚀 快速開始

快速圖表 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

📚 詳細文檔

• QuickChart 文檔
• 圖表類型參考

📄 許可證

此項目使用 MIT 許可證。