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}'

Справочник API

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

Endpoint

HTTP

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

Параметры

Имя	Тип	Обязательный	Описание
chartData	textarea	Да	Данные для диаграммы спидометра. Поддерживает одиночное значение, множественные значения или формат массива JSON
chartTitle	text	Нет	Заголовок, который будет отображаться над диаграммой
needleStyle	select	Нет	—
gaugeColors	text	Нет	Цвета для зон спидометра (шестнадцатеричные цвета через запятую, обычно 3 цвета для зелено-желто-красного)
chartSize	number	Нет	Размер каждого спидометра в пикселях (для множественных спидометров влияет на индивидуальный размер)
minValue	number	Нет	Минимальное значение для шкалы спидометра
maxValue	number	Нет	Максимальное значение для шкалы спидометра
startAngle	number	Нет	Начальный угол в градусах (-90 = слева, 0 = сверху, 90 = справа)
endAngle	number	Нет	Конечный угол в градусах
backgroundColor	color	Нет	Цвет фона для контейнера диаграммы
showValue	checkbox	Нет	Отображать фактическое значение в центре спидометра
showLabel	checkbox	Нет	Отображать метку под спидометром
showTicks	checkbox	Нет	Отображать деления и значения шкалы вокруг спидометра
showZones	checkbox	Нет	Отображать цветовые зоны (зелено-желто-красные) на спидометре
animated	checkbox	Нет	Анимировать движение стрелки при загрузке диаграммы
showPercentage	checkbox	Нет	Отображать процентное значение вместе с фактическим значением

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

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]