Set up ECharts in VS Code

communitystdioverified

Generate visual charts using [ECharts](https://echarts.apache.org) with AI MCP dynamically, used for chart generation and data analysis.

01Configuration

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

Add this to .vscode/mcp.json. Generated from the captured install method (npx); the mcpServers shape is shared across Claude Desktop, Cursor, Windsurf, Cline, and VS Code.

02Steps

Make sure VS Code is installed and up to date.
Open .vscode/mcp.json and add the block above (merge into any existing mcpServers).
Provide any required API keys/credentials as environment variables.
Restart VS Code and confirm ECharts’s tools appear.

03Other runtimes

Claude Desktop Cursor Windsurf Cline Continue Goose OpenAI Agents SDK LangGraph CrewAI

04Provenance

config_sourcegenerated from captured install method

last_checked2026-08-10 13:07Z

sourcesAwesome MCP Servers (wong2) [p6]

Next step

Want agents that act within guardrails? Apex is the live governed-agent product — paced, capped, and fully-logged actions with approvals before anything runs.

Explore Apex →

See also: server page · is it safe? · alternatives