Kategorien

Fortschrittskreis-Diagramm

Erstellen Sie schöne kreisförmige Fortschrittsindikatoren mit Animationen, perfekt für die Anzeige von Prozentsätzen, Fertigstellungsraten und Fortschrittsmetriken

Fortschrittswerte (0-100). Unterstützt JSON-Array mit Labels, einfache Label:Wert-Paare oder nur Werte

Titel, der über dem Diagramm angezeigt wird

Größe jedes Fortschrittsrings in Pixeln

Dicke des Fortschrittsring-Strichs

Startwinkel in Grad (-90 = oben, 0 = rechts, 90 = unten, 180 = links)

Benutzerdefinierte Farben für Fortschrittsringe (hex-Farben durch Kommas getrennt)

Dauer der Fortschrittsanimation in Millisekunden

Hintergrundfarbe für den Diagrammcontainer

Prozentwert in der Mitte jedes Rings anzeigen

Beschriftung unter jedem Fortschrittsring anzeigen

Fortschrittsringe beim Laden animieren

API-Dokumentation

Request-Endpunkt

POST /de/api/tools/progress-ring-chart

Request-Parameter

Parameter-Name Typ Erforderlich Beschreibung
progressData textarea Ja Fortschrittswerte (0-100). Unterstützt JSON-Array mit Labels, einfache Label:Wert-Paare oder nur Werte
chartTitle text Nein Titel, der über dem Diagramm angezeigt wird
ringSize number Nein Größe jedes Fortschrittsrings in Pixeln
ringThickness number Nein Dicke des Fortschrittsring-Strichs
startAngle number Nein Startwinkel in Grad (-90 = oben, 0 = rechts, 90 = unten, 180 = links)
colorScheme select Nein -
customColors text Nein Benutzerdefinierte Farben für Fortschrittsringe (hex-Farben durch Kommas getrennt)
animationDuration number Nein Dauer der Fortschrittsanimation in Millisekunden
backgroundColor color Nein Hintergrundfarbe für den Diagrammcontainer
showPercentage checkbox Nein Prozentwert in der Mitte jedes Rings anzeigen
showLabel checkbox Nein Beschriftung unter jedem Fortschrittsring anzeigen
animated checkbox Nein Fortschrittsringe beim Laden animieren

Antwortformat

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

MCP-Dokumentation

Fügen Sie dieses Tool zu Ihrer MCP-Server-Konfiguration hinzu:

{
  "mcpServers": {
    "elysiatools-progress-ring-chart": {
      "name": "progress-ring-chart",
      "description": "Erstellen Sie schöne kreisförmige Fortschrittsindikatoren mit Animationen, perfekt für die Anzeige von Prozentsätzen, Fertigstellungsraten und Fortschrittsmetriken",
      "baseUrl": "https://elysiatools.com/mcp/sse?toolId=progress-ring-chart",
      "command": "",
      "args": [],
      "env": {},
      "isActive": true,
      "type": "sse"
    }
  }
}

Sie können mehrere Tools verketten, z.B.: `https://elysiatools.com/mcp/sse?toolId=png-to-webp,jpg-to-webp,gif-to-webp`, maximal 20 Tools.

Wenn Sie auf Probleme stoßen, kontaktieren Sie uns bitte bei [email protected]