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

Data Visualization

Генератор Графиков с Наложением Областей

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

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

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

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

cURL
curl -X POST 'https://api.elysiatools.com/ru/api/tools/stacked-area-chart' \
  -H 'Content-Type: application/json' \
  -d '{"chartData":"Multi-series JSON:\n{"labels": ["Jan", "Feb", "Mar"],\n  "series": [\n    {"name": "Product A", "data": [100, 150, 120]},\n    {"name": "Product B", "data": [80, 110, 140]},\n    {"name": "Product C", "data": [50, 70, 90]}\n  ]\n}\n\nor single series JSON:\n[{"label": "Jan", "value": 100}, {"label": "Feb", "value": 150}, {"label": "Mar", "value": 120}]","chartTitle":"Введите заголовок графика...","curveType":"smooth","areaColors":"#3b82f6,#10b981,#f59e0b","fillOpacity":"0.6","backgroundColor":"#ffffff","gridColor":"#e0e0e0","lineWidth":"2","chartHeight":"400","maxValue":0,"minValue":"0","xAxisLabel":"Category","yAxisLabel":"Value","showGrid":true,"showPoints":false,"showValues":false,"showTotalLine":true,"normalizeData":false,"showLegend":true}'

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

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

Справочник API

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

Endpoint

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

Параметры

ИмяТипОбязательныйОписание
chartDatatextareaДаДанные для графика с наложением. Поддерживает JSON с несколькими сериями для наложения или массив с одной серией
chartTitletextНетЗаголовок, который будет отображаться над графиком
curveTypeselectНет—
areaColorstextНетЦвета для нескольких областей (шестнадцатеричные цвета через запятую). Оставьте пустым для цветов по умолчанию.
fillOpacitytextНетПрозрачность заполнения области (от 0.1 до 1.0)
backgroundColorcolorНетЦвет фона для контейнера графика
gridColorcolorНетЦвет для линий сетки
lineWidthnumberНетШирина линий границ области в пикселях
chartHeightnumberНетВысота графика в пикселях
maxValuenumberНетМаксимальное значение для оси Y (оставьте пустым для автоматического масштабирования)
minValuenumberНетМинимальное значение для оси Y
xAxisLabeltextНетПодпись для оси X
yAxisLabeltextНетПодпись для оси Y
showGridcheckboxНетПоказать линии сетки для лучшей читаемости
showPointscheckboxНетПоказать точки данных на областях
showValuescheckboxНетПоказать фактические значения на точках данных
showTotalLinecheckboxНетПоказать линию, отображающую кумулятивную сумму
normalizeDatacheckboxНетПреобразовать значения в проценты, показывающие относительный вклад
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-stacked-area-chart": {
      "name": "stacked-area-chart",
      "description": "Генерировать графики с наложением областей, показывающие кумулятивные тенденции нескольких серий данных, идеально подходит для визуализации общих тенденций и вкладов компонентов",
      "baseUrl": "https://api.elysiatools.com/mcp/sse?toolId=stacked-area-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-area-chart",
    "arguments": {
  "chartData": "Multi-series JSON:\n{&quot;labels&quot;: [&quot;Jan&quot;, &quot;Feb&quot;, &quot;Mar&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;: [50, 70, 90]}\n  ]\n}\n\nor single series JSON:\n[{&quot;label&quot;: &quot;Jan&quot;, &quot;value&quot;: 100}, {&quot;label&quot;: &quot;Feb&quot;, &quot;value&quot;: 150}, {&quot;label&quot;: &quot;Mar&quot;, &quot;value&quot;: 120}]",
  "chartTitle": "Введите заголовок графика...",
  "curveType": "smooth",
  "areaColors": "#3b82f6,#10b981,#f59e0b",
  "fillOpacity": "0.6",
  "backgroundColor": "#ffffff",
  "gridColor": "#e0e0e0",
  "lineWidth": "2",
  "chartHeight": "400",
  "maxValue": 0,
  "minValue": "0",
  "xAxisLabel": "Category",
  "yAxisLabel": "Value",
  "showGrid": true,
  "showPoints": false,
  "showValues": false,
  "showTotalLine": true,
  "normalizeData": false,
  "showLegend": true
}
  }
}
Объединяйте несколько инструментов в одной сессии списком toolId через запятую, напр. /mcp/sse?toolId=png-to-webp,jpg-to-webp,gif-to-webp (макс. 20).

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

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