# Gestapeltes Balkendiagramm Generator Interaktive gestapelte Balkendiagramme generieren zur Visualisierung kategorischer Datenzusammensetzung, perfekt zum Vergleich mehrerer Datenreihen über Kategorien hinweg > Kanonische Seite: https://elysiatools.com/de/tools/stacked-bar-chart - **Kategorie:** Data Visualization - **Schlagwörter:** gestapeltes Balkendiagramm, Vergleichsdiagramm, Datenzusammensetzung, kategorische Daten, mehrere Reihen, Prozentsatzdiagramm, Datenvisualisierung ## Überblick Der Gestapelte Balkendiagramm Generator erstellt interaktive Diagramme zur Visualisierung der Zusammensetzung kategorischer Daten. Perfekt geeignet, um mehrere Datenreihen über verschiedene Kategorien hinweg zu vergleichen und Anteile darzustellen. ## Eingaben - **Diagrammdaten** (textarea): Daten für das gestapelte Balkendiagramm im JSON-Format mit Kategorie-, Reihen- und Wertfeldern - **Diagrammtitel** (text): Titel, der über dem Diagramm angezeigt wird - **Farbschema** (select): Farbschema auswählen - **Benutzerdefinierte Farben** (textarea): JSON-Array von Hex-Farben (erfordert Auswahl benutzerdefinierter Farben) - **Wertformat** (select): Wertformat auswählen - **Diagrammhöhe** (number): Höhe des Diagramms in Pixeln (min: 300, max: 800) - **Balkenabstand** (number): Abstand zwischen Balken (0.1 - 0.5) - **Hintergrundfarbe** (color): Hintergrundfarbe für den Diagrammcontainer - **Werte auf Balken anzeigen** (checkbox): Werte oder Prozentsätze auf den Balken anzeigen - **Legende anzeigen** (checkbox): Farblegende für Reihen anzeigen - **Rasterlinien anzeigen** (checkbox): Horizontale Rasterlinien anzeigen - **Animation anzeigen** (checkbox): Animate bars when chart loads - **Prozentsätze anzeigen** (checkbox): Prozentsätze anstelle von Werten auf Balken anzeigen - **Tooltips aktivieren** (checkbox): Detaillierte Informationen beim Hover anzeigen ## Wann verwenden - Wenn Sie die prozentuale oder absolute Zusammensetzung von Daten in Kategorien wie Quartalen, Regionen oder Produktlinien anzeigen möchten. - Zum direkten Vergleich mehrerer Datenreihen, beispielsweise Verkaufszahlen verschiedener Produkte über die Zeit. - Für die Erstellung visueller Berichte oder Präsentationen, die komplexe Datenvergleiche verständlich machen sollen. ## Funktionsweise - Geben Sie Ihre Daten im JSON-Format mit den Feldern 'category', 'series' und 'value' ein, um die Grundstruktur des Diagramms zu definieren. - Passen Sie das Diagramm mit Optionen wie Titel, Farbschema, Wertformat und Anzeigeeinstellungen (z.B. Legende, Rasterlinien) an. - Generieren Sie das interaktive HTML-Diagramm, das Werte auf Balken, Tooltips und Animationen unterstützen kann. - Das fertige Diagramm kann direkt in Webseiten eingebettet oder als Teil von Berichten verwendet werden. ## Anwendungsfälle - Visualisierung von Verkaufsdaten, um den Umsatzanteil verschiedener Produktkategorien über mehrere Quartale zu vergleichen. - Darstellung von Umfrageergebnissen, bei denen mehrere Antwortoptionen pro Frage die Zusammensetzung der Antworten zeigen. - Analyse von Ressourcenaufteilungen in Projekten, etwa den Zeitanteil verschiedener Aufgaben pro Teammitglied. ## Häufig gestellte Fragen ### Welches genaue Datenformat wird für die Eingabe benötigt? Die Daten müssen als JSON-Array mit Objekten vorliegen, die jeweils die Felder 'category' (Kategorie), 'series' (Datenreihe) und 'value' (Wert) enthalten. ### Kann ich die Farben der Balken individuell anpassen? Ja, Sie können ein vordefiniertes Farbschema wählen oder bei Auswahl von 'Benutzerdefinierte Farben' ein JSON-Array mit Hex-Farben angeben. ### In welchem Format wird das Diagramm ausgegeben? Das Diagramm wird als interaktives HTML generiert, das sich nahtlos in Webseiten einbetten lässt und keine zusätzliche Software erfordert. ### Ist es möglich, Prozentsätze statt absoluter Werte anzuzeigen? Ja, aktivieren Sie die Option 'Prozentsätze anzeigen', um relative Anteile pro Kategorie darzustellen, oder nutzen Sie das Wertformat 'Prozentsatz'. ### Kann ich die Größe des Diagramms anpassen? Ja, über die Option 'Diagrammhöhe' können Sie die Höhe in Pixeln zwischen 300 und 800 festlegen, um es an Ihren Platzbedarf anzupassen. ## Ähnliche Tools - [Bar Chart Generator](https://elysiatools.com/de/tools/bar-chart-generator): Generate customizable bar charts from data with various styling options - [Blasendiagramm-Generator](https://elysiatools.com/de/tools/bubble-chart-generator): Erstellen Sie anpassbare Blasendiagramme aus Daten mit drei Dimensionen (x, y, Größe) - [Donut-Diagramm-Generator](https://elysiatools.com/de/tools/donut-chart-generator): Erstellen Sie anpassbare Donut-Diagramme aus Daten mit verschiedenen Styling-Optionen, perfekt zur Anzeige von Proportionen mit zentralem Raum - [Trichter-Diagramm-Generator](https://elysiatools.com/de/tools/funnel-chart-generator): Erstellen Sie anpassbare Trichterdiagramme aus Daten, perfekt zur Anzeige von Konversionsraten, Verkaufspipelines und Prozessflüssen - [Tachometer-Generator](https://elysiatools.com/de/tools/gauge-chart-generator): Erstellen Sie anpassbare Tachometer aus Daten, perfekt zur Anzeige von KPIs, Metriken und Leistungskennzahlen - [Heatmap-Generator](https://elysiatools.com/de/tools/heatmap-generator): Erstellen Sie anpassbare Heatmaps aus Daten, perfekt zur Visualisierung von Datendichte, Korrelationen und Mustern - [Piktogramm-Generator](https://elysiatools.com/de/tools/pictograph-generator): Erstellen Sie Piktogramme mit Symbolen/Ikonen zur Darstellung von Mengen mit anpassbaren Symbolen, Farben und Layouts - [Pie Chart Generator](https://elysiatools.com/de/tools/pie-chart-generator): Generate customizable pie charts from data with various styling options ## Beispiele - [Grafana Fortgeschrittene Anwendungsbeispiele](https://elysiatools.com/de/samples/grafana-samples): Umfassende Grafana-Beispiele für fortgeschrittenes Dashboard-Design, Alerting-Konfiguration, Datenquellen-Integration und Plugin-Entwicklung - [D3.js Datenvisualisierung Beispiele](https://elysiatools.com/de/samples/d3js-data-visualization): Umfassende D3.js datenvisualisierung beispiele einschließlich diagramme, karten, animationen und interaktive visualisierungen - [QR-Code-Beispiele](https://elysiatools.com/de/samples/qrcode-samples): Beispiel-QR-Code-Bilder zum Testen von QR-Code-Lese- und Generierungswerkzeugen - [ELK Stack Log-Analyse Beispiele](https://elysiatools.com/de/samples/elk-stack-samples): Umfassende ELK Stack Beispiele für Log-Aggregation, -Verarbeitung und -Visualisierung in verteilten Systemen ## Verwandte Inhalte - [Diagramm- und Grafikgeneratoren](https://elysiatools.com/de/hubs/chart-diagram-generators): Erzeuge Balken-, Linien-, Torten-, Ring-, Streu-, Radar-, Gantt-, Sankey-, Heatmap-, Trichter-, Treemap- und viele weitere Diagramme aus eigenen Daten in einem Visualisierungs-Hub. - [Tools fur JSON-Austausch und Format-Ubersetzung](https://elysiatools.com/de/hubs/json-convert): Vergleiche JSON-Konvertierungswerkzeuge fur CSV, YAML, TOML, GraphQL, XML, Markdown, Excel, BSON, EDN und ahnliche strukturierte Formate in einem Hub. - [Werkzeuge fur JSON-Inspektion, Diff und Transformation](https://elysiatools.com/de/hubs/json-utility): Bunde JSON-Formatierung, Diff, Pfad-Inspektion, Schema-Prufung, Merge und Transformation in einem Hub fur API- und Daten-Workflows. - [Generatoren fur JSON-Schemas, Mock-Daten und API-Fixtures](https://elysiatools.com/de/hubs/json-generate): Gebundelte Werkzeuge fur JSON-Schema-Generierung, Aufbau von Mock-Payloads und Vorbereitung von API-Fixtures in einem Hub.