Kategorien

Tachometer-Generator

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

Daten für das Tachometer-Diagramm. Unterstützt Einzelwert, mehrere Werte oder JSON-Array-Format

Titel, der über dem Diagramm angezeigt wird

Farben für Tachometerzonen (hex-Farben durch Kommas getrennt, typischerweise 3 Farben für Grün-Gelb-Rot)

Größe jedes Tachometers in Pixeln (für mehrere Tachometer beeinflusst dies die individuelle Größe)

Minimalwert für die Tachometerskala

Maximalwert für die Tachometerskala

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

Endwinkel in Grad

Hintergrundfarbe für den Diagrammcontainer

Tatsächlichen Wert in der Mitte des Tachometers anzeigen

Beschriftung unter dem Tachometer anzeigen

Markierungen und Skalenwerte um das Tachometer herum anzeigen

Farbige Zonen (Grün-Gelb-Rot) auf dem Tachometer anzeigen

Zeigerbewegung beim Laden des Diagramms animieren

Prozentwert zusammen mit dem tatsächlichen Wert anzeigen

Wichtige Fakten

Kategorie
Data Visualization
Eingabetypen
textarea, text, select, number, color, checkbox
Ausgabetyp
html
Sample-Abdeckung
4
API verfügbar
Yes

Überblick

Der Tachometer-Generator ist ein intuitives Werkzeug zur Erstellung anpassbarer Tacho-Diagramme, mit denen Sie KPIs, Metriken und Leistungskennzahlen visuell ansprechend und übersichtlich darstellen können.

Wann verwenden

  • Zur visuellen Darstellung von Zielerreichungsgraden in Geschäftsberichten.
  • Um komplexe Leistungsdaten in Dashboards schnell erfassbar zu machen.
  • Für die Live-Überwachung von Metriken, die sich innerhalb eines definierten Wertebereichs bewegen.

So funktioniert es

  • Geben Sie Ihre Daten als Einzelwert, Liste oder im JSON-Format in das Eingabefeld ein.
  • Passen Sie das Design durch Auswahl von Zeigerstil, Farben und Skalenwerten an.
  • Konfigurieren Sie zusätzliche Optionen wie Animationen, Beschriftungen oder Farbzonen für eine bessere Lesbarkeit.
  • Generieren Sie das Diagramm und binden Sie es direkt in Ihre Präsentation oder Webseite ein.

Anwendungsfälle

Visualisierung von monatlichen Verkaufszielen im Vergleich zum Vorjahr.
Anzeige der Server-Auslastung in Echtzeit-Dashboards.
Darstellung von Kundenzufriedenheitswerten in internen Qualitätsberichten.

Beispiele

1. Vertriebs-KPI Dashboard

Vertriebsleiter
Hintergrund
Der Vertriebsleiter muss den aktuellen Fortschritt des Quartalsziels von 100.000 € gegenüber dem Team kommunizieren.
Problem
Die reinen Zahlen sind für das Team schwer zu interpretieren.
Verwendung
Eingabe des aktuellen Umsatzes als Wert, Festlegung des Maximalwerts auf 100.000 und Aktivierung der Farbzonen.
Beispielkonfiguration
chartData: 'Umsatz:85000', maxValue: 100000, showZones: true, showValue: true
Ergebnis
Ein klares Tacho-Diagramm zeigt den Fortschritt bei 85% an, wobei der grüne Bereich den Erfolg signalisiert.

2. System-Performance Überwachung

IT-Administrator
Hintergrund
Mehrere Server-Metriken wie CPU-Last und Speicherauslastung müssen gleichzeitig überwacht werden.
Problem
Einzelne Tabellen sind zu unübersichtlich für eine schnelle Statusprüfung.
Verwendung
Verwendung des JSON-Formats zur Erstellung mehrerer Tachometer in einer Ansicht.
Beispielkonfiguration
chartData: '[{"label": "CPU", "value": 45}, {"label": "RAM", "value": 72}]', chartSize: 250
Ergebnis
Zwei kompakte Tachometer zeigen die aktuelle Systemauslastung übersichtlich nebeneinander an.

Mit Samples testen

json, video

Verwandte Hubs

FAQ

Welche Datenformate werden unterstützt?

Sie können Einzelwerte, eine Liste mit mehreren Werten oder ein JSON-Array für mehrere Tachometer gleichzeitig eingeben.

Kann ich die Farben der Zonen anpassen?

Ja, Sie können die Farben der Tachometerzonen über das Feld 'Tachometerfarben' als durch Kommas getrennte Hex-Werte definieren.

Ist es möglich, mehrere Tachometer gleichzeitig zu erstellen?

Ja, durch die Eingabe mehrerer Werte oder eines JSON-Arrays können Sie mehrere Diagramme in einem Durchgang generieren.

Kann ich den Winkel des Tachometers ändern?

Ja, über die Felder 'Startwinkel' und 'Endwinkel' können Sie den Bereich des Tachometers individuell festlegen.

Sind die Diagramme animiert?

Ja, Sie können die Option 'Animierter Zeiger' aktivieren, damit sich der Zeiger beim Laden des Diagramms flüssig bewegt.

API-Dokumentation

Request-Endpunkt

POST /de/api/tools/gauge-chart-generator

Request-Parameter

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

{
  "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-gauge-chart-generator": {
      "name": "gauge-chart-generator",
      "description": "Erstellen Sie anpassbare Tachometer aus Daten, perfekt zur Anzeige von KPIs, Metriken und Leistungskennzahlen",
      "baseUrl": "https://elysiatools.com/mcp/sse?toolId=gauge-chart-generator",
      "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]