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.