Для чего этот сервер?

Этот сервер даёт AI-ассистентам возможность прямо в диалоге строить интерактивные диаграммы на базе Apache ECharts. Разработчики и аналитики могут описать нужный график словами — и модель сгенерирует код ECharts, экспортирует его в PNG, SVG или вернёт готовый JSON с опциями. Визуализация данных становится частью рабочего процесса без переключения между инструментами.

Что он умеет?

Сервер генерирует диаграммы Apache ECharts по описанию на естественном языке. Поддерживает столбчатые, круговые, радиальные, точечные, свечные, графовые, линейные, областные, воронкообразные, спидометры, солнечные, параллельные, древовидные, санкей, треймап, ящики с усами и тепловые карты. Экспортирует графику в PNG, SVG и JS-опции, проверяет корректность синтаксиса. При наличии MinIO сохраняет графики в объектное хранилище и возвращает URL вместо Base64, иначе отдаёт Base64. Работает локально, без внешних сервисов.

Каталог MCP

hustcc/mcp-echarts

от hustcc

MCP сервер для генерации диаграмм и визуализации данных на базе Apache ECharts. Поддерживает все опции ECharts, экспорт в png/svg/option и интеграцию с MinIO. Лёгкий и безопасный — всё генерируется локально. Идеально подходит разработчикам, работающим с ИИ-помощниками для быстрого создания интера...

Github NPM Сайт сервера

README

18 инструментов

Версии

Установить сервер

MCP ECharts

Generate Apache ECharts with AI MCP dynamically for chart generation and data analysis. Also you can use mcp-server-chart to generate chart, graph, map.

✨ Features

Fully support all features and syntax of ECharts, include data, style, theme and so on.
Support exporting to png, svg, and option formats, with validation for ECharts to facilitate the model's multi-round output of correct syntax and graphics.
MinIO Integration, store charts in MinIO object storage and return URLs instead of Base64 data for better performance and sharing capabilities.
Lightweight, we can install it easily with zero dependence.
Extremely secure, fully generated locally, without relying on any remote services.

🤖 Usage

Prerequisites

Node.js 18 or higher is required.

Desktop Applications (stdio transport)

To use with Desktop APP, such as Claude, VSCode, Cline, Cherry Studio, and so on, add the MCP server config below. On Mac system:

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

Часто задаваемые вопросы

Инструменты были проиндексированы: 16.10.2026

generate_area_chart

Создайте диаграмму с областями, чтобы показать тренды данных при непрерывных независимых переменных и наблюдать общий тренд данных, например: перемещение = скорость (средняя или мгновенная) × время: s = v × t. Если ось X — время (t), а ось Y — скорость (v) в каждый момент времени, диаграмма с областями позволяет наблюдать тренд изменения скорости во времени и делать вывод о пройденном расстоянии по размеру области.

Параметры

axisXTitlestring
Устанавливает заголовок оси X графика.
axisYTitlestring
Устанавливает заголовок оси Y диаграммы.
dataobject[]обязательный
Данные для диаграммы с областями, например: [{ time: '2015', value: 23 }, { time: '2016', value: 32 }]. Для нескольких серий: [{ group: 'Series A', time: '2015', value: 23 }, { group: 'Series B', time: '2015', value: 18 }].
heightinteger
Установите высоту графика, по умолчанию — 600px.
outputTypeenum
Тип вывода диаграммы. Может быть 'png', 'svg' или 'option'. По умолчанию - 'png', 'png' возвращает отрендеренное PNG-изображение, 'svg' возвращает отрендеренную SVG-строку, а 'option' возвращает корректную опцию ECharts.
showAreaboolean
Нужно ли заполнять область под линией. По умолчанию — false.
showSymbolboolean
Отображать ли символы на точках данных. По умолчанию — true.
smoothboolean
Использовать ли плавную кривую. По умолчанию — false.
stackboolean
Включено ли наложение. Когда оно включено, линейные диаграммы требуют поле 'group' в данных.
themeenum
Устанавливает тему для графика, необязательно, по умолчанию 'default'.
titlestring
Устанавливает заголовок диаграммы.
widthinteger
Устанавливает ширину графика, по умолчанию - 800px.

generate_bar_chart

Создает столбчатую диаграмму для отображения числовых сравнений между различными категориями, например, для сравнения категориальных данных и для горизонтальных сравнений.

Параметры

axisXTitlestring
Устанавливает заголовок оси X графика.
axisYTitlestring
Устанавливает заголовок оси Y диаграммы.
dataobject[]обязательный
Данные для столбчатой диаграммы, например, [{ category: 'Category A', value: 10 }, { category: 'Category B', value: 20 }] или [{ category: 'Category A', value: 10, group: 'Group A' }].
groupboolean
Определяет, включена ли группировка. Если включена, столбчатые диаграммы требуют поле 'group' в данных. Когда group равно true, stack должно быть false.
heightinteger
Установите высоту графика, по умолчанию — 600px.
outputTypeenum
Тип вывода диаграммы. Может быть 'png', 'svg' или 'option'. По умолчанию - 'png', 'png' возвращает отрендеренное PNG-изображение, 'svg' возвращает отрендеренную SVG-строку, а 'option' возвращает корректную опцию ECharts.
stackboolean
Определяет, включено ли накопление. Когда оно включено, столбчатые диаграммы требуют поле 'group' в данных. Когда stack равно true, group должно быть false.
themeenum
Устанавливает тему для графика, необязательно, по умолчанию 'default'.
titlestring
Устанавливает заголовок диаграммы.
widthinteger
Устанавливает ширину графика, по умолчанию - 800px.

generate_boxplot_chart

Генерирует боксплот для отображения статистических сводок по разным категориям, например, для сравнения распределения точек данных между категориями.

Параметры

axisXTitlestring
Устанавливает заголовок оси X графика.
axisYTitlestring
Устанавливает заголовок оси Y диаграммы.
dataobject[]обязательный
Данные для ящичной диаграммы, например, [{ category: 'Category A', value: 10 }, { category: 'Category B', value: 20, group: 'Group A' }].
heightinteger
Установите высоту графика, по умолчанию — 600px.
outputTypeenum
Тип вывода диаграммы. Может быть 'png', 'svg' или 'option'. По умолчанию - 'png', 'png' возвращает отрендеренное PNG-изображение, 'svg' возвращает отрендеренную SVG-строку, а 'option' возвращает корректную опцию ECharts.
themeenum
Устанавливает тему для графика, необязательно, по умолчанию 'default'.
titlestring
Устанавливает заголовок диаграммы.
widthinteger
Устанавливает ширину графика, по умолчанию - 800px.

generate_candlestick_chart

Генерирует свечной график для визуализации финансовых данных, таких как цены акций, криптовалют или другие данные OHLC (Open-High-Low-Close).

Параметры

dataobject[]обязательный
Данные для свечного графика, например, [{ date: '2023-01-01', open: 100, high: 110, low: 95, close: 105, volume: 10000 }].
heightinteger
Установите высоту графика, по умолчанию — 600px.
outputTypeenum
Тип вывода диаграммы. Может быть 'png', 'svg' или 'option'. По умолчанию - 'png', 'png' возвращает отрендеренное PNG-изображение, 'svg' возвращает отрендеренную SVG-строку, а 'option' возвращает корректную опцию ECharts.
showVolumeboolean
Показывать ли график объема под свечным графиком. По умолчанию — false.
themeenum
Устанавливает тему для графика, необязательно, по умолчанию 'default'.
titlestring
Устанавливает заголовок диаграммы.
widthinteger
Устанавливает ширину графика, по умолчанию - 800px.

generate_echarts

Генерирует визуальные диаграммы с помощью Apache ECharts, используя опции и конфигурацию echarts динамически. Apache ECharts — это библиотека визуализации с открытым исходным кодом на JavaScript, которая создает интерактивные диаграммы и визуализации в веб-приложениях. Поддерживает множество типов диаграмм: линейные, столбчатые, круговые, точечные графики и другие. ECharts настраивается и интегрируется с различными источниками данных для создания динамических визуализаций.

Параметры

echartsOptionstringобязательный
Опция и конфигурация ECharts для создания диаграмм. Например: { "title": { "text": "ECharts Entry Example", "left": "center", "top": "2%" }, "tooltip": {}, "xAxis": { "data": ["shirt", "cardigan", "chiffon", "pants", "heels", "socks"] }, "yAxis": {}, "series": [{ "name": "Sales", "type": "bar", "data": [5, 20, 36, 10, 10, 20] }] } ВНИМАНИЕ: Корректная опция ECharts должна быть валидной JSON-строкой и не может быть пустой.
heightnumber
Высота ECharts в пикселях. По умолчанию — 600.
outputTypeenum
Тип вывода диаграммы. Может быть 'png', 'svg' или 'option'. По умолчанию - 'png', 'png' возвращает отрендеренное PNG-изображение, 'svg' возвращает отрендеренную SVG-строку, а 'option' возвращает корректную опцию ECharts.
themeenum
Тема ECharts, необязательно. По умолчанию — 'default'.
widthnumber
Ширина ECharts в пикселях. По умолчанию — 800.

generate_funnel_chart

Чтобы построить воронкообразную диаграмму, визуализирующую сокращение данных на каждом этапе — например, конверсию от посещения сайта до завершения покупки — используй библиотеку plotly (Python). Ниже пример с типичными стадиями: визиты → регистрация → добавление в корзину → оформление заказа → покупка. python import plotly.express as px # Данные: этапы и количество пользователей на каждом stages = [ "Посетили сайт", # 1000 "Зарегистрировались", # 600 "Добавили в корзину", # 300 "Оформили заказ", # 120 "Совершили покупку" # 50 ] values = [1000, 600, 300, 120, 50] # Построение воронки fig = px.funnel( x=values, y=stages, title="Воронка конверсии: от визита до покупки", labels={"x": "Количество пользователей", "y": "Этап"} ) fig.show() Если хочешь интерактивную воронку с процентами конверсии между этапами, используй plotly.graph_objects: python import plotly.graph_objects as go stages = ["Посетили сайт", "Зарегистрировались", "Добавили в корзину", "Оформили заказ", "Купили"] values = [1000, 600, 300, 120, 50] fig = go.Figure(go.Funnel( y=stages, x=values, textposition="inside", textinfo="value+percent initial" )) fig.update_layout(title="Воронка конверсии") fig.show() Этот код выведет диаграмму, где ширина каждого блока пропорциональна количеству пользователей на этапе, а числа показывают абсолютные значения и процент от исходного числа. Запусти в любой среде с Python и установленным plotly.

Параметры

dataobject[]обязательный
Данные для воронкообразной диаграммы, например, [{ category: 'Просмотр сайта', value: 50000 }, { category: 'Добавить в корзину', value: 35000 }, { category: 'Оформить заказ', value: 25000 }].
heightinteger
Установите высоту графика, по умолчанию — 600px.
outputTypeenum
Тип вывода диаграммы. Может быть 'png', 'svg' или 'option'. По умолчанию - 'png', 'png' возвращает отрендеренное PNG-изображение, 'svg' возвращает отрендеренную SVG-строку, а 'option' возвращает корректную опцию ECharts.
themeenum
Устанавливает тему для графика, необязательно, по умолчанию 'default'.
titlestring
Устанавливает заголовок диаграммы.
widthinteger
Устанавливает ширину графика, по умолчанию - 800px.

generate_gauge_chart

Генерирует график-индикатор для отображения текущего состояния одного показателя, например, загрузки ЦП, хода выполнения или оценок производительности.

Параметры

dataobject[]обязательный
Данные для графика-спидометра, например, [{ name: 'CPU Usage', value: 75 }]. Можно отображать несколько спидометров.
heightinteger
Установите высоту графика, по умолчанию — 600px.
maxnumber
Максимальное значение шкалы, по умолчанию равно 100.
minnumber
Минимальное значение шкалы, по умолчанию 0.
outputTypeenum
Тип вывода диаграммы. Может быть 'png', 'svg' или 'option'. По умолчанию - 'png', 'png' возвращает отрендеренное PNG-изображение, 'svg' возвращает отрендеренную SVG-строку, а 'option' возвращает корректную опцию ECharts.
themeenum
Устанавливает тему для графика, необязательно, по умолчанию 'default'.
titlestring
Устанавливает заголовок диаграммы.
widthinteger
Устанавливает ширину графика, по умолчанию - 800px.

generate_graph_chart

Генерирует граф сетевых связей для отображения отношений (рёбер) между сущностями (узлами), например, отношений между людьми в социальных сетях.

Параметры

dataobjectобязательный
Данные для графа сети, например, { nodes: [{ id: 'node1', name: 'Node 1' }], edges: [{ source: 'node1', target: 'node2' }] }
heightinteger
Установите высоту графика, по умолчанию — 600px.
layoutenum
Алгоритм компоновки графа. По умолчанию — 'force'.
outputTypeenum
Тип вывода диаграммы. Может быть 'png', 'svg' или 'option'. По умолчанию - 'png', 'png' возвращает отрендеренное PNG-изображение, 'svg' возвращает отрендеренную SVG-строку, а 'option' возвращает корректную опцию ECharts.
themeenum
Устанавливает тему для графика, необязательно, по умолчанию 'default'.
titlestring
Устанавливает заголовок диаграммы.
widthinteger
Устанавливает ширину графика, по умолчанию - 800px.

generate_heatmap_chart

Генерирует тепловую карту для отображения плотности данных или распределения интенсивности, например, шаблонов активности пользователей по времени и дню или корреляционной матрицы.

Параметры

axisXTitlestring
Устанавливает заголовок оси X графика.
axisYTitlestring
Устанавливает заголовок оси Y диаграммы.
dataobject[]обязательный
Данные для тепловой карты, например, [{ x: 'Mon', y: '12AM', value: 5 }, { x: 'Tue', y: '1AM', value: 3 }].
heightinteger
Установите высоту графика, по умолчанию — 600px.
outputTypeenum
Тип вывода диаграммы. Может быть 'png', 'svg' или 'option'. По умолчанию - 'png', 'png' возвращает отрендеренное PNG-изображение, 'svg' возвращает отрендеренную SVG-строку, а 'option' возвращает корректную опцию ECharts.
themeenum
Устанавливает тему для графика, необязательно, по умолчанию 'default'.
titlestring
Устанавливает заголовок диаграммы.
widthinteger
Устанавливает ширину графика, по умолчанию - 800px.

generate_line_chart

Генерирует линейный график для отображения тенденций во времени, например, отношение продаж компьютеров Apple к прибыли Apple изменилось с 2000 по 2016 год.

Параметры

axisXTitlestring
Устанавливает заголовок оси X графика.
axisYTitlestring
Устанавливает заголовок оси Y диаграммы.
dataobject[]обязательный
Данные для линейного графика, например: [{ time: '2015', value: 23 }, { time: '2016', value: 32 }]. Для нескольких серий: [{ group: 'Series A', time: '2015', value: 23 }, { group: 'Series B', time: '2015', value: 18 }].
heightinteger
Установите высоту графика, по умолчанию — 600px.
outputTypeenum
Тип вывода диаграммы. Может быть 'png', 'svg' или 'option'. По умолчанию - 'png', 'png' возвращает отрендеренное PNG-изображение, 'svg' возвращает отрендеренную SVG-строку, а 'option' возвращает корректную опцию ECharts.
showAreaboolean
Нужно ли заполнять область под линией. По умолчанию — false.
showSymbolboolean
Отображать ли символы на точках данных. По умолчанию — true.
smoothboolean
Использовать ли плавную кривую. По умолчанию — false.
stackboolean
Включено ли наложение. Когда оно включено, линейные диаграммы требуют поле 'group' в данных.
themeenum
Устанавливает тему для графика, необязательно, по умолчанию 'default'.
titlestring
Устанавливает заголовок диаграммы.
widthinteger
Устанавливает ширину графика, по умолчанию - 800px.

generate_parallel_chart

Генерирует параллельную координатную диаграмму для отображения многомерных данных, например, для сравнения разных продуктов по нескольким атрибутам.

Параметры

dataobject[]обязательный
Данные для параллельной диаграммы, например, [{ name: 'Продукт A', values: [4.2, 3.4, 2.3, 1.8] }].
dimensionsstring[]обязательный
Названия измерений/осей, такие как, ['Price', 'Quality', 'Service', 'Value'].
heightinteger
Установите высоту графика, по умолчанию — 600px.
outputTypeenum
Тип вывода диаграммы. Может быть 'png', 'svg' или 'option'. По умолчанию - 'png', 'png' возвращает отрендеренное PNG-изображение, 'svg' возвращает отрендеренную SVG-строку, а 'option' возвращает корректную опцию ECharts.
themeenum
Устанавливает тему для графика, необязательно, по умолчанию 'default'.
titlestring
Устанавливает заголовок диаграммы.
widthinteger
Устанавливает ширину графика, по умолчанию - 800px.

generate_pie_chart

Создаёт круговую диаграмму для отображения долей частей, например, рыночной доли и распределения бюджета.

Параметры

dataobject[]обязательный
Данные для круговой диаграммы, например, [{ category: 'Category A', value: 27 }, { category: 'Category B', value: 25 }].
heightinteger
Установите высоту графика, по умолчанию — 600px.
innerRadiusnumber
Устанавливает innerRadius круговой диаграммы: значение от 0 до 1. Преобразует круговую диаграмму в кольцевую. Устанавливает значение 0,6 или число из диапазона [0, 1], чтобы включить этот режим.
outputTypeenum
Тип вывода диаграммы. Может быть 'png', 'svg' или 'option'. По умолчанию - 'png', 'png' возвращает отрендеренное PNG-изображение, 'svg' возвращает отрендеренную SVG-строку, а 'option' возвращает корректную опцию ECharts.
themeenum
Устанавливает тему для графика, необязательно, по умолчанию 'default'.
titlestring
Устанавливает заголовок диаграммы.
widthinteger
Устанавливает ширину графика, по умолчанию - 800px.

generate_radar_chart

Генерирует лепестковую диаграмму для отображения многомерных данных (четыре и более измерений), например, для оценки телефонов Huawei и Apple по пяти параметрам: удобство использования, функциональность, камера, результаты тестов производительности и время работы от аккумулятора.

Параметры

dataobject[]обязательный
Данные для радарной диаграммы, например, [{ name: 'Design', value: 70 }, { name: 'Performance', value: 85 }] или [{ name: 'Design', value: 70, group: 'iPhone' }].
heightinteger
Установите высоту графика, по умолчанию — 600px.
outputTypeenum
Тип вывода диаграммы. Может быть 'png', 'svg' или 'option'. По умолчанию - 'png', 'png' возвращает отрендеренное PNG-изображение, 'svg' возвращает отрендеренную SVG-строку, а 'option' возвращает корректную опцию ECharts.
themeenum
Устанавливает тему для графика, необязательно, по умолчанию 'default'.
titlestring
Устанавливает заголовок диаграммы.
widthinteger
Устанавливает ширину графика, по умолчанию - 800px.

generate_sankey_chart

Генерирует диаграмму Санкея для визуализации потока данных между различными этапами или категориями, например, путь пользователя от загрузки страницы до завершения покупки.

Параметры

dataobject[]обязательный
Данные для санкей-диаграммы, например, [{ source: 'Целевая страница', target: 'Страница товара', value: 50000 }, { source: 'Страница товара', target: 'Добавить в корзину', value: 35000 }].
heightinteger
Установите высоту графика, по умолчанию — 600px.
nodeAlignenum
Выравнивание узлов в диаграмме Сэнки, например, 'слева', 'справа' или 'по ширине'.
outputTypeenum
Тип вывода диаграммы. Может быть 'png', 'svg' или 'option'. По умолчанию - 'png', 'png' возвращает отрендеренное PNG-изображение, 'svg' возвращает отрендеренную SVG-строку, а 'option' возвращает корректную опцию ECharts.
themeenum
Устанавливает тему для графика, необязательно, по умолчанию 'default'.
titlestring
Устанавливает заголовок диаграммы.
widthinteger
Устанавливает ширину графика, по умолчанию - 800px.

generate_scatter_chart

Генерирует точечную диаграмму для отображения взаимосвязи между двумя переменными, помогает выявить их взаимосвязь или тенденции, например, силу корреляции, паттерны распределения данных.

Параметры

axisXTitlestring
Устанавливает заголовок оси X графика.
axisYTitlestring
Устанавливает заголовок оси Y диаграммы.
dataobject[]обязательный
Данные для точечной диаграммы, например, [{ x: 10, y: 15 }, { x: 20, y: 25 }].
heightinteger
Установите высоту графика, по умолчанию — 600px.
outputTypeenum
Тип вывода диаграммы. Может быть 'png', 'svg' или 'option'. По умолчанию - 'png', 'png' возвращает отрендеренное PNG-изображение, 'svg' возвращает отрендеренную SVG-строку, а 'option' возвращает корректную опцию ECharts.
themeenum
Устанавливает тему для графика, необязательно, по умолчанию 'default'.
titlestring
Устанавливает заголовок диаграммы.
widthinteger
Устанавливает ширину графика, по умолчанию - 800px.

generate_sunburst_chart

Генерирует диаграмму sunburst для отображения многоуровневых иерархических данных, таких как организационная структура, иерархия файловой системы или разбивка по категориям.

Параметры

dataobject[]обязательный
Данные для sunburst-диаграммы, например, [{ name: 'Technology', value: 100, children: [{ name: 'Frontend', value: 60, children: [{ name: 'React', value: 30 }] }] }].
heightinteger
Установите высоту графика, по умолчанию — 600px.
outputTypeenum
Тип вывода диаграммы. Может быть 'png', 'svg' или 'option'. По умолчанию - 'png', 'png' возвращает отрендеренное PNG-изображение, 'svg' возвращает отрендеренную SVG-строку, а 'option' возвращает корректную опцию ECharts.
themeenum
Устанавливает тему для графика, необязательно, по умолчанию 'default'.
titlestring
Устанавливает заголовок диаграммы.
widthinteger
Устанавливает ширину графика, по умолчанию - 800px.

generate_tree_chart

Генерирует древовидную диаграмму для отображения иерархической структуры данных, например, организационной диаграммы, генеалогического древа или структуры файлового каталога.

Параметры

dataobjectобязательный
Структура данных дерева, например, { name: 'Root', children: [{ name: 'Child 1' }, { name: 'Child 2' }] }.
heightinteger
Установите высоту графика, по умолчанию — 600px.
layoutenum
Тип компоновки дерева. По умолчанию стоит 'orthogonal'.
orientenum
Ориентация дерева. LR=слева направо, RL=справа налево, TB=сверху вниз, BT=снизу вверх. По умолчанию используется 'LR'.
outputTypeenum
Тип вывода диаграммы. Может быть 'png', 'svg' или 'option'. По умолчанию - 'png', 'png' возвращает отрендеренное PNG-изображение, 'svg' возвращает отрендеренную SVG-строку, а 'option' возвращает корректную опцию ECharts.
themeenum
Устанавливает тему для графика, необязательно, по умолчанию 'default'.
titlestring
Устанавливает заголовок диаграммы.
widthinteger
Устанавливает ширину графика, по умолчанию - 800px.

generate_treemap_chart

Создает диаграмму treemap для отображения иерархических данных и интуитивно показывает сравнения между элементами одного уровня, например, показывает использование дискового пространства с помощью treemap.

Параметры

dataobject[]обязательный
Данные для древовидной диаграммы, например, [{ name: 'Design', value: 70, children: [{ name: 'Tech', value: 20 }] }].
heightinteger
Установите высоту графика, по умолчанию — 600px.
outputTypeenum
Тип вывода диаграммы. Может быть 'png', 'svg' или 'option'. По умолчанию - 'png', 'png' возвращает отрендеренное PNG-изображение, 'svg' возвращает отрендеренную SVG-строку, а 'option' возвращает корректную опцию ECharts.
themeenum
Устанавливает тему для графика, необязательно, по умолчанию 'default'.
titlestring
Устанавливает заголовок диаграммы.
widthinteger
Устанавливает ширину графика, по умолчанию - 800px.

`0.7.1`основная	30.01.2026
`0.7.0`	08.01.2026
`0.6.1`	22.08.2025
`0.6.0`	13.08.2025
`0.5.0`	03.08.2025
`0.4.0`	30.07.2025
`0.3.0`	28.07.2025
`0.2.0`	16.07.2025
`0.1.0`	11.07.2025
`0.0.1-beta.1`	01.07.2025

Выберите клиент, чтобы установить hustcc/mcp-echarts:

Любой клиент

Конфиг добавления MCP сервера стандартный, обычно он не меняется вообще, поэтому подходит практически к любому ИИ клиенту, поддерживающему MCP.

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

Cursor

Перейдите по ссылке и сервер автоматически будет добавлен в Cursor. Либо откройте/создайте файл ~/.cursor/mcp.json(%USERPROFILE%\.cursor\mcp.json на Windows) и добавьте конфиг сервера:

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

VS Code

Создайте .vscode/mcp.json в проекте (ключ верхнего уровня — servers):

{
  "servers": {
    "hustcc-mcp-echarts-4sp7fjpbfi": {
      "type": "stdio",
      "command": "npx",
      "args": [
        "-y",
        "mcp-echarts"
      ]
    }
  }
}

Либо добавьте сервер через терминал:

code --add-mcp "{\"name\":\"hustcc-mcp-echarts-4sp7fjpbfi\",\"type\":\"stdio\",\"command\":\"npx\",\"args\":[\"-y\",\"mcp-echarts\"]}"

Claude Desktop

Откройте Settings → Developer → Edit Config — это откроет файл claude_desktop_config.json:

macOS: ~/Library/Application Support/Claude/claude_desktop_config.json
Windows: %APPDATA%\Claude\claude_desktop_config.json

Впишите сервер и полностью перезапустите Claude Desktop:

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

Claude Code

Добавьте сервер одной командой в терминале:

claude mcp add hustcc-mcp-echarts-4sp7fjpbfi -- npx -y mcp-echarts

Либо через JSON-конфиг:

claude mcp add-json hustcc-mcp-echarts-4sp7fjpbfi "{\"command\":\"npx\",\"args\":[\"-y\",\"mcp-echarts\"]}"

Codex

Добавьте сервер командой в терминале:

codex mcp add hustcc-mcp-echarts-4sp7fjpbfi -- npx -y mcp-echarts

Либо вручную в ~/.codex/config.toml(%USERPROFILE%\.codex\config.toml на Windows):

[mcp_servers.hustcc-mcp-echarts-4sp7fjpbfi]
command = "npx"
args = ["-y", "mcp-echarts"]

Perplexity

MCP доступен подписчикам Perplexity Pro / Max / Enterprise. Локальные серверы — только в приложении для macOS.

Откройте Настройки аккаунта → Connectors.
Установите вспомогательное приложение PerplexityXPC (один раз).
Нажмите Add Connector → вкладка Simple.
В поле Server Name укажите hustcc/mcp-echarts, а в поле команды запуска — строку ниже:

npx -y mcp-echarts

Нажмите Save и дождитесь статуса Running.

Windsurf

Откройте Windsurf Settings → Cascade → MCP Servers или отредактируйте файл ~/.codeium/windsurf/mcp_config.json:

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

Cline

В панели Cline нажмите иконку MCP Servers → Configure → Configure MCP Servers (или отредактируйте ~/.cline/mcp.json) и добавьте сервер:

{
  "mcpServers": {
    "hustcc-mcp-echarts-4sp7fjpbfi": {
      "command": "npx",
      "args": [
        "-y",
        "mcp-echarts"
      ],
      "disabled": false,
      "autoApprove": []
    }
  }
}

Continue

Создайте файл в .continue/mcpServers/ (например hustcc-mcp-echarts-4sp7fjpbfi.yaml) или добавьте блок в config.yaml. MCP работает только в режиме agent:

mcpServers:
  - name: hustcc-mcp-echarts-4sp7fjpbfi
    command: npx
    args:
      - "-y"
      - "mcp-echarts"

Zed

Выполните agent: add context server или откройте настройки (zed: open settings file) и добавьте сервер в объект context_servers:

{
  "context_servers": {
    "hustcc-mcp-echarts-4sp7fjpbfi": {
      "command": "npx",
      "args": [
        "-y",
        "mcp-echarts"
      ]
    }
  }
}

Конфиг для установки сервера

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

Нужен npx

Сервер запускается через npx
Без него ничего работать не будет.

Как установить npx

Информация о сервере

Номер в рейтинге: #160
Звезд на Github: 270
Форков на Github: 42
Загрузок: 11 448
Язык реализации: TypeScript
Лицензия: MIT
Официальный сервер: Нет
Дата обновления данных: 19.10 в 07:13
Идентификатор: lly9P2AaxPLFGFm_
Категории: Визуализация данных

hustcc/mcp-echarts

MCP ECharts

✨ Features

🤖 Usage

Prerequisites

Desktop Applications (stdio transport)

Часто задаваемые вопросы

Похожие MCP-сервера

hustcc/mcp-mermaid

KyuRish/mcp-dashboards

antv/mcp-server-chart

marzukia/charted

erajasekar/ai-diagram-maker-mcp

YuChenSSR/mindmap-mcp-server