Tachometer-Generator

Erstellen Sie anpassbare Tachometer aus Daten, perfekt zur Anzeige von KPIs, Metriken und Leistungskennzahlen

html· HTML-ErgebnisWerkzeug öffnen

Schnellstart

Rufen Sie dieses Werkzeug aus Ihrem Code in drei Sprachen auf.

cURL

curl -X POST 'https://api.elysiatools.com/de/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":"Diagrammtitel eingeben...","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-Referenz

Senden Sie eine POST-Anfrage mit Ihren Eingaben als JSON. Dateiparameter erfordern einen vorherigen Upload.

Endpunkt

HTTP

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

Parameter

Name	Typ	Erforderlich	Beschreibung
chartData	textarea	Ja	Daten für das Tachometer-Diagramm. Unterstützt Einzelwert, mehrere Werte oder JSON-Array-Format
chartTitle	text	Nein	Titel, der über dem Diagramm angezeigt wird
needleStyle	select	Nein	—
gaugeColors	text	Nein	Farben für Tachometerzonen (hex-Farben durch Kommas getrennt, typischerweise 3 Farben für Grün-Gelb-Rot)
chartSize	number	Nein	Größe jedes Tachometers in Pixeln (für mehrere Tachometer beeinflusst dies die individuelle Größe)
minValue	number	Nein	Minimalwert für die Tachometerskala
maxValue	number	Nein	Maximalwert für die Tachometerskala
startAngle	number	Nein	Startwinkel in Grad (-90 = links, 0 = oben, 90 = rechts)
endAngle	number	Nein	Endwinkel in Grad
backgroundColor	color	Nein	Hintergrundfarbe für den Diagrammcontainer
showValue	checkbox	Nein	Tatsächlichen Wert in der Mitte des Tachometers anzeigen
showLabel	checkbox	Nein	Beschriftung unter dem Tachometer anzeigen
showTicks	checkbox	Nein	Markierungen und Skalenwerte um das Tachometer herum anzeigen
showZones	checkbox	Nein	Farbige Zonen (Grün-Gelb-Rot) auf dem Tachometer anzeigen
animated	checkbox	Nein	Zeigerbewegung beim Laden des Diagramms animieren
showPercentage	checkbox	Nein	Prozentwert zusammen mit dem tatsächlichen Wert anzeigen

Antwortformat

HTML-Ergebnis

JSON

{
  "result": "<div>Processed HTML content</div>",
  "error": "Error message (optional)",
  "message": "Notification message (optional)",
  "metadata": {
    "key": "value"
  }
}

MCP-Integration

Fügen Sie dieses Werkzeug Ihrem Model-Context-Protocol-Server hinzu, damit KI-Agenten es auflisten und aufrufen können.

Serverkonfiguration

Fügen Sie diesen Block Ihrer MCP-Client-Konfiguration hinzu:

mcp.json

{
  "mcpServers": {
    "elysiatools-gauge-chart-generator": {
      "name": "gauge-chart-generator",
      "description": "Erstellen Sie anpassbare Tachometer aus Daten, perfekt zur Anzeige von KPIs, Metriken und Leistungskennzahlen",
      "baseUrl": "https://api.elysiatools.com/mcp/sse?toolId=gauge-chart-generator",
      "command": "",
      "args": [],
      "env": {},
      "isActive": true,
      "type": "sse"
    }
  }
}

Verfügbare Werkzeuge auflisten

Nach dem Verbinden mit dem SSE-Endpunkt listen Sie die bereitgestellten Werkzeuge auf:

tools/list

{
  "jsonrpc": "2.0",
  "id": 1,
  "method": "tools/list"
}

Dieses Werkzeug aufrufen

Rufen Sie das Werkzeug über seine ID auf; Argumente werden aus seiner Parameterliste gebildet:

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": "Diagrammtitel eingeben...",
  "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
}
  }
}

Verketten Sie mehrere Werkzeuge in einer Sitzung mit einer kommagetrennten toolId-Liste, z. B. /mcp/sse?toolId=png-to-webp,jpg-to-webp,gif-to-webp (max. 20).

Fragen oder Probleme? Kontakt: [email protected]