Kategorien

← View All Tools

Bereichs-Balkendiagramm Generator

Diagramm, das Min-Max-Bereiche und Zeitintervalle anzeigt, vereinfachte Version des Gantt-Diagramms

Bereichsdiagramm-Daten im JSON-Format. Unterstützt Datumsbereiche (startDate/endDate) oder numerische Bereiche (minValue/maxValue)

Haupttitel des Bereichsdiagramms

Ob Elementbeschriftungen angezeigt werden sollen

Ob Start/End-Werte angezeigt werden sollen

Ob Hintergrundgitterlinien angezeigt werden sollen

Höhe/Dicke der Bereichsbalken in Pixeln

Animationsdauer in Millisekunden

Höhe des Diagrammbereichs in Pixeln (für vertikale Ausrichtung)

Wichtige Fakten

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

Überblick

Der Bereichs-Balkendiagramm Generator ermöglicht die schnelle Visualisierung von Min-Max-Werten oder Zeitintervallen in einem übersichtlichen, balkenbasierten Format. Als vereinfachte Alternative zu komplexen Gantt-Diagrammen eignet sich das Tool ideal, um Datenbereiche oder Projektphasen präzise und visuell ansprechend darzustellen.

Wann verwenden

  • •Zur Darstellung von Zeiträumen für Projektphasen oder Aufgaben.
  • •Zum Vergleich von numerischen Wertebereichen (Min/Max) verschiedener Produkte.
  • •Wenn eine einfache, leicht verständliche Übersicht von Intervallen benötigt wird.

So funktioniert es

  • •Geben Sie Ihre Daten im JSON-Format ein, entweder mit Start- und Enddatum oder mit numerischen Min- und Max-Werten.
  • •Passen Sie das Diagramm durch Optionen wie Ausrichtung, Farbschema und Beschriftungen an Ihre Bedürfnisse an.
  • •Klicken Sie auf Generieren, um eine sofortige visuelle Darstellung Ihrer Daten als Bereichs-Balkendiagramm zu erhalten.

Anwendungsfälle

Visualisierung von Projektzeitplänen und Phasenübersichten.
Vergleich von Preisspannen oder Leistungsbereichen verschiedener Artikel.
Darstellung von Verfügbarkeitsfenstern oder Schichtplänen.

Beispiele

1. Projektphasen-Übersicht

Projektmanager
Hintergrund
Ein Projektmanager muss den Zeitplan für drei verschiedene Phasen eines Software-Rollouts präsentieren.
Problem
Die Beteiligten benötigen eine einfache visuelle Darstellung der Zeitintervalle ohne die Komplexität eines vollen Gantt-Diagramms.
Verwendung
JSON-Daten mit startDate und endDate für jede Phase eingeben und das Farbschema 'Blau' wählen.
Beispielkonfiguration
[{"label": "Planung", "startDate": "2024-01-01", "endDate": "2024-01-20", "color": "#2196F3"}, {"label": "Entwicklung", "startDate": "2024-01-21", "endDate": "2024-03-15", "color": "#4CAF50"}]
Ergebnis
Ein klares, horizontales Balkendiagramm zeigt die zeitliche Abfolge der Projektphasen.

2. Produkt-Preisspannen

Einkaufsleiter
Hintergrund
Ein Einkaufsleiter vergleicht die Preisspannen von zwei verschiedenen Lieferanten für ein Ersatzteil.
Problem
Die Min- und Max-Preise sollen schnell vergleichbar gemacht werden.
Verwendung
JSON-Daten mit minValue und maxValue für die Produkte eingeben.
Beispielkonfiguration
[{"label": "Lieferant A", "minValue": 50, "maxValue": 80, "color": "#FF9800"}, {"label": "Lieferant B", "minValue": 65, "maxValue": 95, "color": "#F44336"}]
Ergebnis
Ein vertikales Diagramm visualisiert die Preisüberlappungen und Unterschiede der beiden Lieferanten.

Mit Samples testen

json
PDF-Beispiele
Generierte PDF-Beispiele von Tools zwischen 2026-02-01 und 2026-02-10
preferred input family json
json
QR-Code-Beispiele
Beispiel-QR-Code-Bilder zum Testen von QR-Code-Lese- und Generierungswerkzeugen
preferred input family json
json
JWT-Beispiele
Umfassende JWT-Beispiele von der grundlegenden Token-Struktur bis zu fortgeschrittenen Sicherheitsimplementierungen
preferred input family json
json
WebRTC Echtzeitkommunikation Beispiele
Umfassende WebRTC-Beispiele für P2P Audio/Video-Kommunikation, Datenkanäle, Bildschirmfreigabe und Signalisierungsserver
preferred input family json
json

Verwandte Hubs

Json-Generate-Tools
Entdecken Sie 33 json-Tools für generate-Workflows und vergleichen Sie ähnliche Utilities schnell.
Json-Convert-Tools
Entdecken Sie 100 json-Tools für convert-Workflows und vergleichen Sie ähnliche Utilities schnell.
Json-Tools
Entdecken Sie 43 json-Tools für utility-Workflows und vergleichen Sie ähnliche Utilities schnell.
Json-Format-Tools
Entdecken Sie 6 json-Tools für format-Workflows und vergleichen Sie ähnliche Utilities schnell.

FAQ

Welche Datenformate werden unterstützt?

Das Tool unterstützt JSON-Eingaben für Datumsbereiche (startDate/endDate) oder numerische Bereiche (minValue/maxValue).

Kann ich das Aussehen des Diagramms anpassen?

Ja, Sie können zwischen verschiedenen Farbschemata wählen, die Ausrichtung ändern und die Balkenhöhe sowie Diagrammgröße individuell festlegen.

Ist dieses Tool ein vollwertiges Gantt-Diagramm?

Nein, es ist eine vereinfachte Version, die sich auf die klare Darstellung von Intervallen konzentriert, ohne komplexe Abhängigkeiten oder Meilensteine.

Wie werden die Daten im JSON-Format strukturiert?

Sie verwenden ein Array von Objekten, wobei jedes Objekt ein Label, einen Startwert (oder Datum) und einen Endwert (oder Datum) enthält.

Kann ich das Diagramm horizontal oder vertikal ausrichten?

Ja, in den Einstellungen können Sie zwischen einer horizontalen und einer vertikalen Ausrichtung wählen.

API-Dokumentation

Request-Endpunkt

POST /de/api/tools/range-bar-chart

Request-Parameter

Parameter-Name Typ Erforderlich Beschreibung
rangeData textarea Ja Bereichsdiagramm-Daten im JSON-Format. Unterstützt Datumsbereiche (startDate/endDate) oder numerische Bereiche (minValue/maxValue)
chartTitle text Nein Haupttitel des Bereichsdiagramms
orientation select Nein -
showLabels checkbox Nein Ob Elementbeschriftungen angezeigt werden sollen
showValues checkbox Nein Ob Start/End-Werte angezeigt werden sollen
showGrid checkbox Nein Ob Hintergrundgitterlinien angezeigt werden sollen
colorScheme select Nein -
barHeight text Nein Höhe/Dicke der Bereichsbalken in Pixeln
animationDuration text Nein Animationsdauer in Millisekunden
chartHeight text Nein Höhe des Diagrammbereichs in Pixeln (für vertikale Ausrichtung)

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-range-bar-chart": {
      "name": "range-bar-chart",
      "description": "Diagramm, das Min-Max-Bereiche und Zeitintervalle anzeigt, vereinfachte Version des Gantt-Diagramms",
      "baseUrl": "https://elysiatools.com/mcp/sse?toolId=range-bar-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]