ApexCharts MCP Server

The apexcharts-mcp server gives AI assistants like Claude expert-level help with ApexCharts.js. It generates valid chart configs, catches common mistakes, and serves the official ApexCharts knowledge base on demand — so the AI gets your charts right the first time.

→ GitHub: apexcharts/apexcharts-mcp

Install

Pick your editor or client. You only need to do this once.

Claude Code

claude mcp add apexcharts -- npx -y apexcharts-mcp

Claude Desktop

Add to claude_desktop_config.json:

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

Cursor

Add to ~/.cursor/mcp.json:

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

After installing, restart the client. Your AI assistant will have the ApexCharts tools available automatically — no further commands needed.

What you can ask the AI

Once installed, the assistant uses the server's tools automatically. Examples:

"Build me a stacked area chart of monthly revenue across three regions."
"Here's my pie chart config — why isn't it rendering?" (paste the config)
"What chart type should I use for OHLC stock data?"
"Show me the formatter signatures for tooltips on a bar chart."
"Explain plotOptions.bar.horizontal and give me an example."

Tools

Tool	What it does
`generate_chart_config`	Builds a minimal valid options object for any of 16 chart types, with the correct series-data format and sensible placeholder data.
`validate_chart_config`	Checks a config against 15 rules drawn from the ApexCharts skill — wrong series shape, radialBar out-of-range, conflicting tooltip flags, hex colors without `#`, and more. Returns structured issues with `fix` hints.
`list_chart_types`	Returns every supported chart type with metadata. Filterable by family (cartesian, bar, financial, circular, grid, radar).
`get_reference`	Reads the bundled ApexCharts knowledge base. Call with no arguments to list available docs; call with `file: "circular-charts.md"` to fetch one.

Knowledge base

The server's knowledge comes from the apexcharts-skill npm package — SKILL.md plus per-family reference docs covering all chart types, tree-shaking, SSR, and framework wrappers. The source of truth lives at apexcharts/apexcharts-skill.

See also: ApexCharts Skill — install instructions for Claude Code, Cursor, Copilot, and ChatGPT.