MCP Chart Option

MCP服务器图表选项

English | 中文

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

______________________________________________________________________

主要特点

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

______________________________________________________________________

支持的图表库

• ECharts

______________________________________________________________________

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 }
      ]
    }
  ]
}

______________________________________________________________________

参考

• mcp服务器图表（AntV）