图表配置生成服务

MCP Server Chart Option 是一个动态生成图表配置选项的服务,支持多种图表类型,并提供统一的接口格式以便与各种前端图表库集成。

  • by calebax
  • TypeScript
  • 混合部署
  • 2 星标
  • 更新于
在 GitHub 查看 calebax/mcp-server-chart-option

使用说明

MCP服务器图表选项

English | 中文

一种MCP(模型上下文协议)服务,可根据输入数据动态生成各种图表库的图表配置选项。


主要特点

  • 动态生成支持多种图表类型的图表配置
  • 提供统一的界面格式,便于与各种前端图表库集成

支持的图表库


API方法

  1. create_pie_chart_option
  2. create_line_chart_option
  3. 创建柱状图选项
  4. create_area_chart_option
  5. create_bar_chart_option
  6. create_radar_chart_option
  7. 创建隧道图表选项
  8. 创建图表选项
  9. create_scatter_chart_option
  10. create_boxplot_chart_option

整合

MCP服务器可以由多个MCP兼容客户端自动调用,例如:

  • Claude Desktop/VSCode/Cursor/Cherry Studio/Cline等。

macOS配置

{
  "mcpServers": {
    "mcp-chart-option": {
      "command": "npx",
      "args": ["-y", "mcp-chart-option"]
    }
  }
}

Windows配置

{
  "mcpServers": {
    "mcp-chart-option": {
      "command": "cmd",
      "args": ["/c", "npx", "-y", "mcp-chart-option"]
    }
  }
}

当MCP客户端启动时,它将自动执行:

npx -y mcp-chart-option

启动该服务。


以流模式运行

直接运行

全局安装:

npm install -g mcp-chart-option

启动服务器:

# Run with Streamable transport
mcp-chart-option --transport streamable

启动后,该服务将在以下位置可用:

  • 可流式传输端点: http://localhost:1755/mcp

Docker部署

输入docker目录:

cd docker

启动容器:

docker compose up -d

访问以下服务:

  • 可流式传输端点: http://localhost:1755/mcp

CLI选项

MCP Chart Option CLI

Options:
  --transport, -t  Specify the transport protocol: "stdio" or "streamable" (default: "stdio")
  --host, -h       Specify the host for streamable transport (default: localhost)
  --port, -p       Specify the port for streamable transport (default: 1755)
  --endpoint, -e   Specify the transport endpoint (default: "/mcp")
  --component, -c  Specify the chart component library to use, e.g., "echarts" (default: "echarts")
  --help, -H       Show this help message

示例

输入示例:

{
  "name": "create_pie_chart_option",
  "arguments": {
    "data": [
      { "name": "Category A", "value": 17 },
      { "name": "Category B", "value": 55 }
    ]
  }
}

输出示例(ECharts选项):

{
  "series": [
    {
      "type": "pie",
      "data": [
        { "name": "Category A", "value": 17 },
        { "name": "Category B", "value": 55 }
      ]
    }
  ]
}

参考