Kategorien

← View All Tools

Gruppiertes Balkendiagramm Generator

Gruppierte Balkendiagramme erstellen, um mehrere Kategorien nebeneinander zu vergleichen, perfekt für Multi-Kategorie-Vergleiche und vergleichende Analysen

Multi-Serie-Daten mit Kategorien- und Series-Arrays. Jede Serie sollte die gleiche Anzahl an Datenpunkten wie die Kategorien haben.

Titel, der über dem Diagramm angezeigt wird

Farben für verschiedene Serien (Komma-getrennte Hex-Farben). Leer lassen für Standardfarben.

Hintergrundfarbe für den Diagramm-Container

Farbe für die Rasterlinien

Breite einzelner Balken in Pixeln (passt sich automatisch an, falls zu groß)

Abstand zwischen verschiedenen Gruppen in Pixeln

Höhe des Diagramms in Pixeln

Maximalwert für Achse (leer lassen für Auto-Skalierung)

Minimalwert für Achse (leer lassen für Auto-Erkennung)

Beschriftung für die X-Achse

Beschriftung für die Y-Achse

Rasterlinien für bessere Lesbarkeit anzeigen

Tatsächliche Werte auf oder bei den Balken anzeigen

Legende unter dem Diagramm anzeigen

Wichtige Fakten

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

Überblick

Erstellen Sie mit unserem Generator für gruppierte Balkendiagramme präzise Visualisierungen, um mehrere Datenreihen direkt nebeneinander zu vergleichen und komplexe Zusammenhänge auf einen Blick verständlich zu machen.

Wann verwenden

  • •Wenn Sie die Performance verschiedener Produkte über mehrere Quartale hinweg vergleichen möchten.
  • •Wenn Sie Umfrageergebnisse nach verschiedenen demografischen Gruppen gegenüberstellen müssen.
  • •Wenn Sie mehrere Datensätze in einer einzigen, übersichtlichen Grafik für Berichte oder Präsentationen zusammenfassen wollen.

So funktioniert es

  • •Geben Sie Ihre Daten im JSON-Format ein, wobei Sie Kategorien und die entsprechenden Datenreihen definieren.
  • •Passen Sie das Design durch Optionen wie Balkenfarben, Diagrammorientierung und Achsenbeschriftungen an.
  • •Konfigurieren Sie zusätzliche visuelle Elemente wie Rasterlinien, Legenden und die Position der Werteanzeige.
  • •Generieren Sie das Diagramm und exportieren Sie die fertige Visualisierung für Ihre Dokumente.

Anwendungsfälle

Vergleich von Quartalsumsätzen verschiedener Produktlinien.
Gegenüberstellung von Marktanteilen verschiedener Unternehmen über mehrere Jahre.
Visualisierung von Testergebnissen verschiedener Testgruppen in einer wissenschaftlichen Studie.

Beispiele

1. Produktvergleich über drei Quartale

Marketing-Analyst
Hintergrund
Ein Analyst muss die Verkaufszahlen von drei verschiedenen Produkten über drei Quartale hinweg präsentieren.
Problem
Die Daten sind in einer Tabelle schwer vergleichbar.
Verwendung
JSON-Daten mit Kategorien ['Q1', 'Q2', 'Q3'] und drei Serien für Produkt A, B und C eingeben.
Beispielkonfiguration
{"categories": ["Q1", "Q2", "Q3"], "series": [{"name": "Produkt A", "data": [100, 150, 120]}, {"name": "Produkt B", "data": [80, 110, 140]}, {"name": "Produkt C", "data": [60, 90, 110]}]}
Ergebnis
Ein klares gruppiertes Balkendiagramm, das den direkten Leistungsvergleich der Produkte pro Quartal ermöglicht.

Mit Samples testen

data-visualization
Chart.js Library Beispiele
Umfassende Chart.js-beispiele einschließlich diagrammtypen, anpassungsoptionen, animationen und responsive designs
title token chart
sample
Helm Chart Beispiele
Vollständige Helm Chart Beispiele mit Templates, Werten, Abhängigkeiten und Paketverwaltungskonfigurationen
title token chart
sample
Grafana Fortgeschrittene Anwendungsbeispiele
Umfassende Grafana-Beispiele für fortgeschrittenes Dashboard-Design, Alerting-Konfiguration, Datenquellen-Integration und Plugin-Entwicklung
keywords data,visualization
sample
ELK Stack Log-Analyse Beispiele
Umfassende ELK Stack Beispiele für Log-Aggregation, -Verarbeitung und -Visualisierung in verteilten Systemen
keywords analysis,visualization
sample

Verwandte Hubs

Json-Generate-Tools
Entdecken Sie 33 json-Tools für generate-Workflows und vergleichen Sie ähnliche Utilities schnell.
Design-Generate-Tools
Entdecken Sie 19 design-Tools für generate-Workflows und vergleichen Sie ähnliche Utilities schnell.
Pdf-Generate-Tools
Entdecken Sie 10 pdf-Tools für generate-Workflows und vergleichen Sie ähnliche Utilities schnell.
Audio-Generate-Tools
Entdecken Sie 8 audio-Tools für generate-Workflows und vergleichen Sie ähnliche Utilities schnell.

FAQ

Welches Datenformat wird für das Diagramm benötigt?

Das Tool benötigt ein JSON-Objekt mit einem 'categories'-Array für die X-Achse und einem 'series'-Array, das die Namen und Datenpunkte für jeden Balkensatz enthält.

Kann ich die Ausrichtung des Diagramms ändern?

Ja, Sie können in den Einstellungen zwischen vertikalen und horizontalen Balken wählen, um die Lesbarkeit je nach Datenmenge zu optimieren.

Ist es möglich, die Farben der Balken individuell anzupassen?

Ja, Sie können durch eine kommagetrennte Liste von Hex-Farbcodes die Farbgebung der einzelnen Serien festlegen.

Wie kann ich die Achsenskalierung beeinflussen?

Sie können manuell einen Minimal- und Maximalwert für die Y-Achse festlegen, ansonsten erfolgt eine automatische Skalierung basierend auf Ihren Daten.

Können die exakten Werte im Diagramm angezeigt werden?

Ja, aktivieren Sie einfach die Option 'Werte anzeigen' und wählen Sie die gewünschte Position (oberhalb, unterhalb oder innerhalb der Balken).

API-Dokumentation

Request-Endpunkt

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

Request-Parameter

Parameter-Name Typ Erforderlich Beschreibung
chartData textarea Ja Multi-Serie-Daten mit Kategorien- und Series-Arrays. Jede Serie sollte die gleiche Anzahl an Datenpunkten wie die Kategorien haben.
chartTitle text Nein Titel, der über dem Diagramm angezeigt wird
chartType select Nein -
barColors text Nein Farben für verschiedene Serien (Komma-getrennte Hex-Farben). Leer lassen für Standardfarben.
backgroundColor color Nein Hintergrundfarbe für den Diagramm-Container
gridColor color Nein Farbe für die Rasterlinien
barWidth number Nein Breite einzelner Balken in Pixeln (passt sich automatisch an, falls zu groß)
groupSpacing number Nein Abstand zwischen verschiedenen Gruppen in Pixeln
chartHeight number Nein Höhe des Diagramms in Pixeln
maxValue number Nein Maximalwert für Achse (leer lassen für Auto-Skalierung)
minValue number Nein Minimalwert für Achse (leer lassen für Auto-Erkennung)
xAxisLabel text Nein Beschriftung für die X-Achse
yAxisLabel text Nein Beschriftung für die Y-Achse
showGrid checkbox Nein Rasterlinien für bessere Lesbarkeit anzeigen
showValues checkbox Nein Tatsächliche Werte auf oder bei den Balken anzeigen
valuePosition select Nein -
showLegend checkbox Nein Legende unter dem Diagramm 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-grouped-bar-chart": {
      "name": "grouped-bar-chart",
      "description": "Gruppierte Balkendiagramme erstellen, um mehrere Kategorien nebeneinander zu vergleichen, perfekt für Multi-Kategorie-Vergleiche und vergleichende Analysen",
      "baseUrl": "https://elysiatools.com/mcp/sse?toolId=grouped-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]