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

Data Visualization

Генератор Столбчатой Диаграммы с Накоплением

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

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

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

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

cURL
curl -X POST 'https://api.elysiatools.com/ru/api/tools/stacked-bar-chart' \
  -H 'Content-Type: application/json' \
  -d '{"chartData":"JSON format:\n[{"category": "Q1", "series": "Product A", "value": 100},\n{"category": "Q1", "series": "Product B", "value": 150},\n{"category": "Q2", "series": "Product A", "value": 120},\n{"category": "Q2", "series": "Product B", "value": 180}]","chartTitle":"Введите заголовок диаграммы...","colorScheme":"default","customColors":"["#FF6B6B", "#4ECDC4", "#45B7D1", "#FFA07A"]","valueFormat":"number","chartHeight":"400","barSpacing":"0.2","backgroundColor":"#ffffff","showValues":true,"showLegend":true,"showGrid":true,"showAnimation":true,"showPercentage":false,"enableTooltip":true}'

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

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

Справочник API

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

Endpoint

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

Параметры

ИмяТипОбязательныйОписание
chartDatatextareaДаДанные для столбчатой диаграммы с накоплением в формате JSON с полями категория, ряд и значение
chartTitletextНетЗаголовок, который будет отображаться над диаграммой
colorSchemeselectНет—
customColorstextareaНетМассив JSON шестнадцатеричных цветов (требует выбора пользовательских цветов)
valueFormatselectНет—
chartHeightnumberНетВысота диаграммы в пикселях (мин: 300, макс: 800)
barSpacingnumberНетРасстояние между столбцами (0.1 - 0.5)
backgroundColorcolorНетЦвет фона для контейнера диаграммы
showValuescheckboxНетОтображать значения или проценты на столбцах
showLegendcheckboxНетОтображать цветовую легенду для рядов
showGridcheckboxНетОтображать горизонтальные линии сетки
showAnimationcheckboxНетАнимировать столбцы при загрузке диаграммы
showPercentagecheckboxНетПоказывать проценты вместо значений на столбцах
enableTooltipcheckboxНетПоказывать подробную информацию при наведении

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

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-stacked-bar-chart": {
      "name": "stacked-bar-chart",
      "description": "Генерировать интерактивные столбчатые диаграммы с накоплением для визуализации состава категориальных данных, идеально подходит для сравнения нескольких рядов данных между категориями",
      "baseUrl": "https://api.elysiatools.com/mcp/sse?toolId=stacked-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": "stacked-bar-chart",
    "arguments": {
  "chartData": "JSON format:\n[{&quot;category&quot;: &quot;Q1&quot;, &quot;series&quot;: &quot;Product A&quot;, &quot;value&quot;: 100},\n{&quot;category&quot;: &quot;Q1&quot;, &quot;series&quot;: &quot;Product B&quot;, &quot;value&quot;: 150},\n{&quot;category&quot;: &quot;Q2&quot;, &quot;series&quot;: &quot;Product A&quot;, &quot;value&quot;: 120},\n{&quot;category&quot;: &quot;Q2&quot;, &quot;series&quot;: &quot;Product B&quot;, &quot;value&quot;: 180}]",
  "chartTitle": "Введите заголовок диаграммы...",
  "colorScheme": "default",
  "customColors": "[&quot;#FF6B6B&quot;, &quot;#4ECDC4&quot;, &quot;#45B7D1&quot;, &quot;#FFA07A&quot;]",
  "valueFormat": "number",
  "chartHeight": "400",
  "barSpacing": "0.2",
  "backgroundColor": "#ffffff",
  "showValues": true,
  "showLegend": true,
  "showGrid": true,
  "showAnimation": true,
  "showPercentage": false,
  "enableTooltip": true
}
  }
}
Объединяйте несколько инструментов в одной сессии списком toolId через запятую, напр. /mcp/sse?toolId=png-to-webp,jpg-to-webp,gif-to-webp (макс. 20).

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

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