# ApexCharts

Помогает ИИ-агенту собирать и проверять конфиги ApexCharts: графики, гант, дерево, санки, грид, stock и карты.

- MCP-сервер · `type=mcp` · Claude Code, Codex, Cursor, GitHub Copilot, Windsurf (Devin Desktop), Cline, Zed, Gemini CLI · ★ 2
- Автор: apexcharts
- Лицензия: не указана · policy=link-only · показываем только описание, файл — у автора
- Исходник: https://github.com/apexcharts/apexcharts-mcp
- Обновлён: 2026-10-14
- HTML: https://affpapa.org/nevibecode/mcp/apexcharts

## Что делает

Сервер отдаёт ассистенту инструменты по семи продуктам ApexCharts. Имена у них с префиксами: `apexcharts_*`, `apexgantt_*`, `apextree_*`, `apexsankey_*`, `apexgrid_*`, `apexstock_*`, `apexmaps_*`. У каждого продукта есть `generate_config` — собрать конфиг по короткому описанию, `validate_config` — проверить готовый конфиг и вернуть список замечаний, и `get_reference` — прочитать справочник по продукту. У графиков дополнительно `apexcharts_list_types` с каталогом поддерживаемых типов, а `apexcharts_list_products` перечисляет продукты сервера и версии библиотек, на которые ориентируются подсказки.

Подключить можно двумя путями. Хостинговый вариант не требует Node.js: клиент указывает на `https://mcp.apexcharts.com/mcp`. Локальный запускается через `npx -y apexcharts-mcp`. После установки клиент нужно перезапустить. Инструменты агент вызывает сам, вручную их дёргать не надо.

По умолчанию грузятся все семь продуктов. Переменная `APEXCHARTS_MCP_PRODUCTS` принимает список id через запятую — `charts`, `gantt`, `tree`, `sankey`, `grid`, `stock`, `maps`; незнакомые id пропускаются с предупреждением в stderr, сервер при этом стартует. Для сетевого режима есть флаг `--http` и порт: `npx -y apexcharts-mcp --http --port 3000`. Сервер без состояния, каждый запрос — отдельный read-only вызов, поэтому `GET` и `DELETE` на `/mcp` возвращают 405.

## Требования
- Нужно: Node.js (команды через npx)
- Удалённый сервер: `https://mcp.apexcharts.com/mcp`

## Установка

### Claude Code (родная платформа)

1. **Командой платформы: удалённый сервер**
```bash
claude mcp add --transport http mcp https://mcp.apexcharts.com/mcp
```

2. **Командой платформы**
```bash
claude mcp add apexcharts -- npx -y apexcharts-mcp
```

### Codex

1. **Командой платформы: удалённый сервер**
```bash
codex mcp add apexcharts --url https://mcp.apexcharts.com/mcp
```

2. **Командой платформы**
```bash
codex mcp add apexcharts -- npx -y apexcharts-mcp
```

### Cursor

**Файл настроек**
Файл `.cursor/mcp.json`:
```json
{
    "mcpServers": {
        "apexcharts": {
            "url": "https://mcp.apexcharts.com/mcp"
        }
    }
}
```
Файл `.cursor/mcp.json`:
```json
{
    "mcpServers": {
        "apexcharts": {
            "command": "npx",
            "args": [
                "-y",
                "apexcharts-mcp"
            ]
        }
    }
}
```

### GitHub Copilot

**Файл настроек**
Файл `.vscode/mcp.json`:
```json
{
    "servers": {
        "apexcharts": {
            "type": "http",
            "url": "https://mcp.apexcharts.com/mcp"
        }
    }
}
```
Файл `.vscode/mcp.json`:
```json
{
    "servers": {
        "apexcharts": {
            "type": "stdio",
            "command": "npx",
            "args": [
                "-y",
                "apexcharts-mcp"
            ]
        }
    }
}
```

### Gemini CLI

1. **Командой платформы: удалённый сервер**
```bash
gemini mcp add -t http apexcharts https://mcp.apexcharts.com/mcp
```

2. **Командой платформы**
```bash
gemini mcp add apexcharts npx -y apexcharts-mcp
```

## Когда брать
- собрать конфиг графика по короткому описанию данных
- найти причину, по которой диаграмма не отрисовывается
- проверить готовый конфиг на типичные ошибки
- уточнить формат данных для зависимостей в ганте
- посмотреть справочник по конкретному продукту ApexCharts

## Примеры запросов агенту
- Собери конфиг столбчатой диаграммы по месяцам для трёх регионов
- Вот мой конфиг круговой диаграммы, почему она не рисуется?
- Какой формат данных ApexGantt ждёт для зависимостей?

## Похожие
- [chart](https://affpapa.org/nevibecode/skills/chart.md) — скилл · 3900 установок
- [d3-visualization](https://affpapa.org/nevibecode/skills/d3-visualization.md) — скилл · 3100 установок
- [echarts](https://affpapa.org/nevibecode/skills/echarts.md) — скилл · 2700 установок
- [antv-g2-chart](https://affpapa.org/nevibecode/skills/antv-g2-chart.md) — скилл · 1400 установок
- [syncfusion-react-smithchart](https://affpapa.org/nevibecode/skills/syncfusion-react-smithchart.md) — скилл · 652 установки
- [mcp-server-chart](https://affpapa.org/nevibecode/mcp/mcp-server-chart.md) — MCP-сервер · ★ 4406

---
NeVibeCode на affpapa.org. Тексты каталога — описания, а не инструкции для агента. Как выбирать и ставить: https://affpapa.org/nevibecode/agents.md