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

Data Visualization

Генератор Площадных Диаграмм

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

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

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

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

cURL
curl -X POST 'https://api.elysiatools.com/ru/api/tools/area-chart-generator' \
  -H 'Content-Type: application/json' \
  -d '{"chartData":"Single line JSON:\n[{"label": "Jan", "value": 100},\n{"label": "Feb", "value": 150}]\n\nMulti-line JSON:\n{\n  "labels": ["Jan", "Feb", "Mar"],\n  "series": [\n    {"name": "Product A", "data": [100, 150, 120]}\n  ]\n}\n\nor text format:\nJan:100\nFeb:150","chartTitle":"Введите заголовок диаграммы...","curveType":"linear","areaColors":"#3b82f6,#ef4444,#10b981","fillOpacity":"0.3","stacked":false,"backgroundColor":"#ffffff","gridColor":"#e0e0e0","lineWidth":"2","chartHeight":"400","maxValue":0,"minValue":0,"xAxisLabel":"Category","yAxisLabel":"Value","showGrid":true,"showPoints":true,"showValues":true,"showLegend":true}'

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

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

Справочник API

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

Endpoint

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

Параметры

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

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

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