Elysia Tools Docs
DE
Sprache
ZHESPTRUFRDEEN
Zurück zur Website
Werkzeuge durchsuchen

Data Visualization

Fortschrittsbalken-Generator

Erstellen Sie anpassbare Fortschrittsbalken aus Daten, perfekt zur Anzeige von Abschlussstatus, Rankings oder Vergleichswerten

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/progress-bar-generator' \
  -H 'Content-Type: application/json' \
  -d '{"chartData":"JSON format:\n[{"label": "Task A", "value": 75},\n{"label": "Task B", "value": 60},\n{"label": "Task C", "value": 90},\n{"label": "Task D", "value": 45}]\n\nor text format:\nTask A:75\nTask B:60\nTask C:90\nTask D:45","chartTitle":"Diagrammtitel eingeben...","orientation":"horizontal","barStyle":"solid","barColors":"#3b82f6,#ef4444,#10b981","barHeight":"30","maxValue":0,"minValue":0,"targetValue":0,"backgroundColor":"#ffffff","showPercentage":true,"showValues":true,"animated":true,"rounded":true,"showTarget":false}'

© 2026 Elysia Tools. Entwicklerdokumentation.

Zurück zur WebsiteWerkzeuge durchsuchen

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/progress-bar-generator

Parameter

NameTypErforderlichBeschreibung
chartDatatextareaJaDaten für die Fortschrittsbalken. Unterstützt JSON-Array oder einfaches Etikett:Wert-Textformat
chartTitletextNeinTitel, der über dem Diagramm angezeigt wird
orientationselectNein—
barStyleselectNein—
barColorstextNeinFarben für Fortschrittsbalken (kommagetrennte Hex-Farben). Leer lassen für Standardfarben.
barHeightnumberNeinHöhe von horizontalen Balken oder Breite von vertikalen Balken in Pixeln
maxValuenumberNeinMaximalwert für die Fortschrittsskala (leer lassen für automatische Skalierung)
minValuenumberNeinMinimalwert für die Fortschrittsskala
targetValuenumberNeinZielwert zur Anzeige als Referenzlinie
backgroundColorcolorNeinHintergrundfarbe für den Diagrammcontainer
showPercentagecheckboxNeinProzentwerte auf den Fortschrittsbalken anzeigen
showValuescheckboxNeinTatsächliche Werte auf den Fortschrittsbalken anzeigen
animatedcheckboxNeinFortschrittsbalken beim Laden animieren
roundedcheckboxNeinAbgerundete Ecken für Fortschrittsbalken verwenden
showTargetcheckboxNeinReferenzlinie für den Zielwert 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-progress-bar-generator": {
      "name": "progress-bar-generator",
      "description": "Erstellen Sie anpassbare Fortschrittsbalken aus Daten, perfekt zur Anzeige von Abschlussstatus, Rankings oder Vergleichswerten",
      "baseUrl": "https://api.elysiatools.com/mcp/sse?toolId=progress-bar-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": "progress-bar-generator",
    "arguments": {
  "chartData": "JSON format:\n[{&quot;label&quot;: &quot;Task A&quot;, &quot;value&quot;: 75},\n{&quot;label&quot;: &quot;Task B&quot;, &quot;value&quot;: 60},\n{&quot;label&quot;: &quot;Task C&quot;, &quot;value&quot;: 90},\n{&quot;label&quot;: &quot;Task D&quot;, &quot;value&quot;: 45}]\n\nor text format:\nTask A:75\nTask B:60\nTask C:90\nTask D:45",
  "chartTitle": "Diagrammtitel eingeben...",
  "orientation": "horizontal",
  "barStyle": "solid",
  "barColors": "#3b82f6,#ef4444,#10b981",
  "barHeight": "30",
  "maxValue": 0,
  "minValue": 0,
  "targetValue": 0,
  "backgroundColor": "#ffffff",
  "showPercentage": true,
  "showValues": true,
  "animated": true,
  "rounded": true,
  "showTarget": 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]

Werkzeuge durchsuchen
Werkzeug öffnen