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

Data Visualization

Генератор Ступенчатого Графика

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

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

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

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

cURL
curl -X POST 'https://api.elysiatools.com/ru/api/tools/step-chart-generator' \
  -H 'Content-Type: application/json' \
  -d '{"chartTitle":"Введите заголовок графика...","dataPoints":"JSON format example:\n[{"x": "Jan", "y": 100, "label": "January"},\n{"x": "Feb", "y": 150, "label": "February"},\n{"x": "Mar", "y": 120, "label": "March"},\n{"x": "Apr", "y": 180, "label": "April"}]","xAxisLabel":"X Axis","yAxisLabel":"Y Axis","stepStyle":"step-before","lineColor":"#3b82f6","lineWidth":"2","pointColor":"#3b82f6","pointSize":"4","showDataPoints":true,"showLabels":false,"showGrid":true,"fillArea":false,"areaColor":"#3b82f6","gridColor":"#e0e0e0","backgroundColor":"#ffffff","chartWidth":"800","chartHeight":"500","dataLabelFormat":"number","fontSize":"12","titleSize":"18","fontFamily":"Arial","animationEnabled":true,"animationDuration":"1000"}'

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

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

Справочник API

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

Endpoint

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

Параметры

ИмяТипОбязательныйОписание
chartTitletextНетЗаголовок, который будет отображаться над ступенчатым графиком
dataPointstextareaДаТочки данных как массив JSON со свойствами x, y и необязательной меткой
xAxisLabeltextНетМетка для оси X
yAxisLabeltextНетМетка для оси Y
stepStyleselectДа—
lineColorcolorНетЦвет ступенчатой линии
lineWidthnumberНетШирина ступенчатой линии в пикселях
pointColorcolorНетЦвет точек данных
pointSizenumberНетРазмер точек данных в пикселях
showDataPointscheckboxНетОтображать точки данных на ступенчатой линии
showLabelscheckboxНетОтображать метки значений на точках данных
showGridcheckboxНетОтображать линии фоновой сетки
fillAreacheckboxНетЗаполнить область под ступенчатой линией цветом
areaColorcolorНетЦвет заливки области (если включено)
gridColorcolorНетЦвет линий сетки
backgroundColorcolorНетЦвет фона графика
chartWidthnumberНетШирина графика в пикселях
chartHeightnumberНетВысота графика в пикселях
dataLabelFormatselectНет—
fontSizenumberНетРазмер шрифта для меток и текста
titleSizenumberНетРазмер шрифта для заголовка графика
fontFamilytextНетСемейство шрифтов для текстовых элементов
animationEnabledcheckboxНетАнимировать график при загрузке
animationDurationnumberНетДлительность анимации в миллисекундах

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

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-step-chart-generator": {
      "name": "step-chart-generator",
      "description": "Создание ступенчатых графиков с визуализацией данных в стиле лестницы, идеально подходящих для отображения дискретных изменений во времени",
      "baseUrl": "https://api.elysiatools.com/mcp/sse?toolId=step-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": "step-chart-generator",
    "arguments": {
  "chartTitle": "Введите заголовок графика...",
  "dataPoints": "JSON format example:\n[{&quot;x&quot;: &quot;Jan&quot;, &quot;y&quot;: 100, &quot;label&quot;: &quot;January&quot;},\n{&quot;x&quot;: &quot;Feb&quot;, &quot;y&quot;: 150, &quot;label&quot;: &quot;February&quot;},\n{&quot;x&quot;: &quot;Mar&quot;, &quot;y&quot;: 120, &quot;label&quot;: &quot;March&quot;},\n{&quot;x&quot;: &quot;Apr&quot;, &quot;y&quot;: 180, &quot;label&quot;: &quot;April&quot;}]",
  "xAxisLabel": "X Axis",
  "yAxisLabel": "Y Axis",
  "stepStyle": "step-before",
  "lineColor": "#3b82f6",
  "lineWidth": "2",
  "pointColor": "#3b82f6",
  "pointSize": "4",
  "showDataPoints": true,
  "showLabels": false,
  "showGrid": true,
  "fillArea": false,
  "areaColor": "#3b82f6",
  "gridColor": "#e0e0e0",
  "backgroundColor": "#ffffff",
  "chartWidth": "800",
  "chartHeight": "500",
  "dataLabelFormat": "number",
  "fontSize": "12",
  "titleSize": "18",
  "fontFamily": "Arial",
  "animationEnabled": true,
  "animationDuration": "1000"
}
  }
}
Объединяйте несколько инструментов в одной сессии списком toolId через запятую, напр. /mcp/sse?toolId=png-to-webp,jpg-to-webp,gif-to-webp (макс. 20).

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

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