ECharts MCP Server

Un servidor para generar varios tipos de gráficos utilizando la librería ECharts.

Documentación

Servidor MCP de ECharts build npm Version smithery badge npm License

Un servidor de Protocolo de Contexto de Modelo para generar gráficos usando ECharts, inspirado en AntV.

Este es un servidor MCP basado en TypeScript que proporciona capacidades de generación de gráficos. Te permite crear varios tipos de gráficos a través de herramientas MCP. También puedes usarlo en Dify.

✨ Características

Se admiten casi todos los tipos de gráficos. Cada herramienta devolverá una URL de vista previa del gráfico, que es la página oficial de vista previa de gráficos de ECharts.

Por ejemplo, este gráfico circular

  • generate_bar_chart - Genera un gráfico de bar.
  • generate_line_chart - Genera un gráfico de line.
  • generate_pie_chart - Genera un gráfico de pie.
  • generate_scatter_chart - Genera un gráfico de scatter.
  • generate_radar_chart - Genera un gráfico de radar.
  • generate_heatmap_chart - Genera un gráfico de heatmap.
  • generate_general_chart - Genera un gráfico de effectScatter, tree, treemap, sunburst, boxplot, candlestick, graph, sankey, funnel, gauge or themeRiver.

🤖 Uso

Para usarlo con Desktop APP, como Claude, VSCode, Cline, Cherry Studio, Cursor, y otros, agrega la configuración del servidor MCP a continuación.

{
  "mcpServers": {
    "echarts-server": {
      "command": "node",
      "args": [
        "your-path/echarts-mcp-server/build/index.js"
      ]
    }
  }
}

O

{
  "mcpServers": {
    "echarts-server": {
      "command": "npx",
      "args": [
        "-y",
        "echarts-mcp-server"
      ]
    }
  }
}

También puedes usarlo en aliyun, modelscope, glama.ai, smithery.ai u otros con protocolo HTTP o SSE.

🚰 Ejecutar con transporte SSE o Streamable

Instala el paquete globalmente.

npm install -g echarts-mcp-server

Ejecuta el servidor con la opción de transporte que prefieras:

# For SSE transport (default endpoint: /sse)
echarts-mcp-server --transport sse

# For Streamable transport with custom endpoint
echarts-mcp-server --transport streamable

Luego puedes acceder al servidor en:

  • Transporte SSE: http://localhost:1122/sse
  • Transporte Streamable: http://localhost:1122/mcp

🎮 Opciones de CLI

También puedes usar las siguientes opciones de CLI al ejecutar el servidor MCP. Opciones de comando ejecutando la CLI con -h.

MCP Server Chart CLI

Options:
  --transport, -t  Specify the transport protocol: "stdio", "sse", or "streamable" (default: "stdio")
  --port, -p       Specify the port for SSE or streamable transport (default: 1122)
  --endpoint, -e   Specify the endpoint for the transport:
                   - For SSE: default is "/sse"
                   - For streamable: default is "/mcp"
  --help, -h       Show this help message

🔨 Desarrollo

Instala las dependencias:

npm install

Compila el servidor:

npm run build

Inicia el servidor MCP:

npm run start