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

Data Visualization

Генератор Спидометра

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

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

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

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

cURL
curl -X POST 'https://api.elysiatools.com/ru/api/tools/gauge-chart-generator' \
  -H 'Content-Type: application/json' \
  -d '{"chartData":"Single gauge:\nSales:85\n\nMultiple gauges:\nSales:85\nMarketing:72\nDevelopment:90\nSupport:68\n\nor JSON format:\n[\n  {\"label\": \"Sales\", \"value\": 85},\n  {\"label\": \"Marketing\", \"value\": 72}\n]","chartTitle":"Введите заголовок диаграммы...","needleStyle":"line","gaugeColors":"#10b981,#f59e0b,#ef4444","chartSize":"300","minValue":"0","maxValue":"100","startAngle":"-90","endAngle":"90","backgroundColor":"#ffffff","showValue":true,"showLabel":true,"showTicks":true,"showZones":true,"animated":true,"showPercentage":false}'

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

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

Справочник API

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

Endpoint

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

Параметры

ИмяТипОбязательныйОписание
chartDatatextareaДаДанные для диаграммы спидометра. Поддерживает одиночное значение, множественные значения или формат массива JSON
chartTitletextНетЗаголовок, который будет отображаться над диаграммой
needleStyleselectНет—
gaugeColorstextНетЦвета для зон спидометра (шестнадцатеричные цвета через запятую, обычно 3 цвета для зелено-желто-красного)
chartSizenumberНетРазмер каждого спидометра в пикселях (для множественных спидометров влияет на индивидуальный размер)
minValuenumberНетМинимальное значение для шкалы спидометра
maxValuenumberНетМаксимальное значение для шкалы спидометра
startAnglenumberНетНачальный угол в градусах (-90 = слева, 0 = сверху, 90 = справа)
endAnglenumberНетКонечный угол в градусах
backgroundColorcolorНетЦвет фона для контейнера диаграммы
showValuecheckboxНетОтображать фактическое значение в центре спидометра
showLabelcheckboxНетОтображать метку под спидометром
showTickscheckboxНетОтображать деления и значения шкалы вокруг спидометра
showZonescheckboxНетОтображать цветовые зоны (зелено-желто-красные) на спидометре
animatedcheckboxНетАнимировать движение стрелки при загрузке диаграммы
showPercentagecheckboxНетОтображать процентное значение вместе с фактическим значением

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

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-gauge-chart-generator": {
      "name": "gauge-chart-generator",
      "description": "Генерировать настраиваемые спидометры из данных, идеально подходит для отображения KPI, метрик и показателей производительности",
      "baseUrl": "https://api.elysiatools.com/mcp/sse?toolId=gauge-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": "gauge-chart-generator",
    "arguments": {
  "chartData": "Single gauge:\nSales:85\n\nMultiple gauges:\nSales:85\nMarketing:72\nDevelopment:90\nSupport:68\n\nor JSON format:\n[\n  {\"label\": \"Sales\", \"value\": 85},\n  {\"label\": \"Marketing\", \"value\": 72}\n]",
  "chartTitle": "Введите заголовок диаграммы...",
  "needleStyle": "line",
  "gaugeColors": "#10b981,#f59e0b,#ef4444",
  "chartSize": "300",
  "minValue": "0",
  "maxValue": "100",
  "startAngle": "-90",
  "endAngle": "90",
  "backgroundColor": "#ffffff",
  "showValue": true,
  "showLabel": true,
  "showTicks": true,
  "showZones": true,
  "animated": true,
  "showPercentage": false
}
  }
}
Объединяйте несколько инструментов в одной сессии списком toolId через запятую, напр. /mcp/sse?toolId=png-to-webp,jpg-to-webp,gif-to-webp (макс. 20).

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

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