Elysia Tools Docs
RU
Язык
ZHESPTRUFRDEEN
На сайт
Обзор инструментов

Data Visualization

Генератор Сгруппированных Столбчатых Диаграмм

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

html· HTML-результатОткрыть инструмент

Быстрый старт

Вызовите этот инструмент из своего кода на трёх языках.

cURL
curl -X POST 'https://api.elysiatools.com/ru/api/tools/grouped-bar-chart' \
  -H 'Content-Type: application/json' \
  -d '{"chartData":"Multi-series JSON format:\n{"categories": ["Q1", "Q2", "Q3"],\n  "series": [\n    {"name": "Product A", "data": [100, 150, 120]},\n    {"name": "Product B", "data": [80, 110, 140]},\n    {"name": "Product C", "data": [60, 90, 110]}\n  ]\n}\n\nSingle series:\n{"categories": ["A", "B", "C"],\n  "series": [\n    {"name": "Values", "data": [100, 150, 120]}\n  ]}","chartTitle":"Введите заголовок диаграммы...","chartType":"vertical","barColors":"#3b82f6,#10b981,#f59e0b","backgroundColor":"#ffffff","gridColor":"#e0e0e0","barWidth":"30","groupSpacing":"30","chartHeight":"400","maxValue":0,"minValue":0,"xAxisLabel":"Categories","yAxisLabel":"Value","showGrid":true,"showValues":true,"valuePosition":"top","showLegend":true}'

© 2026 Elysia Tools. Документация для разработчиков.

На сайтОбзор инструментов

Справочник API

Отправьте POST-запрос с входными данными в JSON. Параметры типа «файл» требуют предварительной загрузки.

Endpoint

HTTP
POST https://api.elysiatools.com/ru/api/tools/grouped-bar-chart

Параметры

ИмяТипОбязательныйОписание
chartDatatextareaДаДанные с несколькими сериями с массивами категорий и серий. Каждая серия должна иметь такое же количество точек данных, как и категории.
chartTitletextНетЗаголовок, который будет отображаться над диаграммой
chartTypeselectНет—
barColorstextНетЦвета для разных серий (шестнадцатеричные цвета через запятую). Оставьте пустым для цветов по умолчанию.
backgroundColorcolorНетЦвет фона для контейнера диаграммы
gridColorcolorНетЦвет для линий сетки
barWidthnumberНетШирина отдельных столбцов в пикселях (автоматически регулируется, если слишком большая)
groupSpacingnumberНетРасстояние между различными группами в пикселях
chartHeightnumberНетВысота диаграммы в пикселях
maxValuenumberНетМаксимальное значение для оси (оставьте пустым для автоматического масштабирования)
minValuenumberНетМинимальное значение для оси (оставьте пустым для автоматического обнаружения)
xAxisLabeltextНетПодпись для оси X
yAxisLabeltextНетПодпись для оси Y
showGridcheckboxНетПоказать линии сетки для лучшей читаемости
showValuescheckboxНетПоказать фактические значения на или около столбцов
valuePositionselectНет—
showLegendcheckboxНетПоказать легенду под диаграммой

Формат ответа

HTML-результат

JSON
{
  "result": "<div>Processed HTML content</div>",
  "error": "Error message (optional)",
  "message": "Notification message (optional)",
  "metadata": {
    "key": "value"
  }
}

Интеграция MCP

Добавьте этот инструмент на свой сервер Model Context Protocol, чтобы ИИ-агенты могли перечислять и вызывать его.

Конфигурация сервера

Добавьте этот блок в конфигурацию вашего MCP-клиента:

mcp.json
{
  "mcpServers": {
    "elysiatools-grouped-bar-chart": {
      "name": "grouped-bar-chart",
      "description": "Генерировать сгруппированные столбчатые диаграммы для сравнения нескольких категорий бок о бок, идеально подходит для многокатегорийных сравнений и сравнительного анализа",
      "baseUrl": "https://api.elysiatools.com/mcp/sse?toolId=grouped-bar-chart",
      "command": "",
      "args": [],
      "env": {},
      "isActive": true,
      "type": "sse"
    }
  }
}

Получить список инструментов

После подключения к SSE-endpoint выведите список доступных инструментов:

tools/list
{
  "jsonrpc": "2.0",
  "id": 1,
  "method": "tools/list"
}

Вызвать этот инструмент

Вызовите инструмент по его id; аргументы формируются из его параметров:

tools/call
{
  "jsonrpc": "2.0",
  "id": 2,
  "method": "tools/call",
  "params": {
    "name": "grouped-bar-chart",
    "arguments": {
  "chartData": "Multi-series JSON format:\n{&quot;categories&quot;: [&quot;Q1&quot;, &quot;Q2&quot;, &quot;Q3&quot;],\n  &quot;series&quot;: [\n    {&quot;name&quot;: &quot;Product A&quot;, &quot;data&quot;: [100, 150, 120]},\n    {&quot;name&quot;: &quot;Product B&quot;, &quot;data&quot;: [80, 110, 140]},\n    {&quot;name&quot;: &quot;Product C&quot;, &quot;data&quot;: [60, 90, 110]}\n  ]\n}\n\nSingle series:\n{&quot;categories&quot;: [&quot;A&quot;, &quot;B&quot;, &quot;C&quot;],\n  &quot;series&quot;: [\n    {&quot;name&quot;: &quot;Values&quot;, &quot;data&quot;: [100, 150, 120]}\n  ]}",
  "chartTitle": "Введите заголовок диаграммы...",
  "chartType": "vertical",
  "barColors": "#3b82f6,#10b981,#f59e0b",
  "backgroundColor": "#ffffff",
  "gridColor": "#e0e0e0",
  "barWidth": "30",
  "groupSpacing": "30",
  "chartHeight": "400",
  "maxValue": 0,
  "minValue": 0,
  "xAxisLabel": "Categories",
  "yAxisLabel": "Value",
  "showGrid": true,
  "showValues": true,
  "valuePosition": "top",
  "showLegend": true
}
  }
}
Объединяйте несколько инструментов в одной сессии списком toolId через запятую, напр. /mcp/sse?toolId=png-to-webp,jpg-to-webp,gif-to-webp (макс. 20).

Вопросы или проблемы? Свяжитесь с [email protected]

Обзор инструментов
Открыть инструмент