ApexCharts — MCP-сервер для Claude Code: конфиги графиков и карт
Помогает ИИ-агенту собирать и проверять конфиги ApexCharts: графики, гант, дерево, санки, грид, stock и карты.
claude mcp add --transport http mcp https://mcp.apexcharts.com/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.
Какие задачи решает
- собрать конфиг графика по короткому описанию данных
- найти причину, по которой диаграмма не отрисовывается
- проверить готовый конфиг на типичные ошибки
- уточнить формат данных для зависимостей в ганте
- посмотреть справочник по конкретному продукту ApexCharts
Примеры запросов агенту
- Собери конфиг столбчатой диаграммы по месяцам для трёх регионов
- Вот мой конфиг круговой диаграммы, почему она не рисуется?
- Какой формат данных ApexGantt ждёт для зависимостей?
Как установить ApexCharts
1Командой платформы: удалённый сервер
claude mcp add --transport http mcp https://mcp.apexcharts.com/mcp2Командой платформы
claude mcp add apexcharts -- npx -y apexcharts-mcp1Командой платформы: удалённый сервер
codex mcp add apexcharts --url https://mcp.apexcharts.com/mcp2Командой платформы
codex mcp add apexcharts -- npx -y apexcharts-mcpФайл настроек
{
"mcpServers": {
"apexcharts": {
"url": "https://mcp.apexcharts.com/mcp"
}
}
}{
"mcpServers": {
"apexcharts": {
"command": "npx",
"args": [
"-y",
"apexcharts-mcp"
]
}
}
}Файл настроек
{
"servers": {
"apexcharts": {
"type": "http",
"url": "https://mcp.apexcharts.com/mcp"
}
}
}{
"servers": {
"apexcharts": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"apexcharts-mcp"
]
}
}
}1Командой платформы: удалённый сервер
gemini mcp add -t http apexcharts https://mcp.apexcharts.com/mcp2Командой платформы
gemini mcp add apexcharts npx -y apexcharts-mcpПо шагам, с командами для каждой платформы: Как подключить MCP-сервер: Claude Code, Codex, Cursor, VS Code, Gemini CLI и другие
Вопросы о ApexCharts
Как установить ApexCharts в Claude Code?
Для хостингового сервера выполните claude mcp add --transport http apexcharts https://mcp.apexcharts.com/mcp. Для локального запуска — claude mcp add apexcharts -- npx -y apexcharts-mcp. Затем перезапустите клиент.
Что делает ApexCharts MCP-сервер?
Даёт ассистенту инструменты для генерации и проверки конфигов продуктов ApexCharts и доступ к их справочникам по запросу.
Можно ли загрузить только часть продуктов?
Да, через переменную APEXCHARTS_MCP_PRODUCTS со списком id через запятую. Неизвестные id пропускаются, сервер всё равно запускается.
