# Gestapelter Flächendiagramm Generator Gestapelte Flächendiagramme generieren, die kumulative Trends mehrerer Datenreihen zeigen, perfekt zur Visualisierung von Gesamttrends und Komponentenbeiträgen > Kanonische Seite: https://elysiatools.com/de/tools/stacked-area-chart - **Kategorie:** Data Visualization - **Schlagwörter:** gestapeltes flächendiagramm, diagramm, visualisierung, kumulatives diagramm, trend, daten, generator, gesamt, zusammensetzung ## Überblick Der Gestapelte Flächendiagramm Generator erstellt Diagramme, die kumulative Trends mehrerer Datenreihen visualisieren. Ideal für die Darstellung von Gesamttrends und dem Beitrag einzelner Komponenten über die Zeit. ## Eingaben - **Diagrammdaten** (textarea): Daten für das gestapelte Diagramm. Unterstützt Multi-Serie JSON für Stapelung oder Ein-Serie Array - **Diagrammtitel** (text): Titel, der über dem Diagramm angezeigt wird - **Kurventyp** (select): Kurventyp auswählen - **Flächenfarben** (text): Farben für mehrere Flächen (Komma-getrennte Hex-Farben). Leer lassen für Standardfarben. - **Fülldeckkraft** (text): Deckkraft der Flächenfüllung (0.1 bis 1.0) - **Hintergrundfarbe** (color): Hintergrundfarbe für den Diagramm-Container - **Rasterfarbe** (color): Farbe für die Rasterlinien - **Linienbreite** (number): Breite der Flächenbegrenzungslinien in Pixeln - **Diagrammhöhe** (number): Höhe des Diagramms in Pixeln - **Maximalwert** (number): Maximalwert für Y-Achse (leer lassen für Auto-Skalierung) - **Minimalwert** (number): Minimalwert für Y-Achse - **X-Achsen-Beschriftung** (text): Beschriftung für die X-Achse - **Y-Achsen-Beschriftung** (text): Beschriftung für die Y-Achse - **Rasterlinien anzeigen** (checkbox): Rasterlinien für bessere Lesbarkeit anzeigen - **Datenpunkte anzeigen** (checkbox): Datenpunkte auf den Flächen anzeigen - **Werte auf Punkten anzeigen** (checkbox): Tatsächliche Werte auf Datenpunkten anzeigen - **Gesamtlinie anzeigen** (checkbox): Linie anzeigen, die das kumulative Gesamtergebnis zeigt - **Auf 100% normalisieren** (checkbox): Werte in Prozente umwandeln, die relativen Beitrag zeigen - **Legende anzeigen** (checkbox): Legende unter dem Diagramm anzeigen ## Wann verwenden - Wenn Sie die kumulative Entwicklung von Verkaufszahlen verschiedener Produkte über Monate darstellen möchten. - Zur Visualisierung des Gesamtwachstums und der Anteile einzelner Abteilungen an einem Projekt. - Um Trends in Umfragedaten zu zeigen, bei denen mehrere Kategorien gleichzeitig betrachtet werden. ## Funktionsweise - Geben Sie Ihre Daten im JSON-Format ein, entweder als Multi-Serie mit Labels und Serien oder als Ein-Serie Array. - Passen Sie Diagrammoptionen wie Titel, Kurventyp, Farben und Achsenbeschriftungen an. - Klicken Sie auf Generieren, um das gestapelte Flächendiagramm als HTML zu erhalten. - Nutzen Sie zusätzliche Einstellungen wie Normalisierung auf 100% oder Anzeige einer Gesamtlinie. ## Anwendungsfälle - Erstellung von Verkaufsberichten mit gestapelten Flächen für Produktkategorien. - Visualisierung von Ressourcenauslastung in Projektmanagement-Dashboards. - Darstellung von Umfrageergebnissen, um Trends in mehreren Antwortkategorien zu zeigen. ## Häufig gestellte Fragen ### Welches Datenformat wird unterstützt? Das Tool unterstützt JSON-Daten, entweder als Multi-Serie mit Labels und Serien oder als Ein-Serie Array mit Label und Wert. ### Kann ich die Farben der Flächen anpassen? Ja, über die Option 'Flächenfarben' können Sie kommagetrennte Hex-Farben angeben. ### Wie zeige ich die Gesamtlinie an? Aktivieren Sie die Checkbox 'Gesamtlinie anzeigen' in den Optionen. ### Ist eine Normalisierung der Daten möglich? Ja, mit der Option 'Auf 100% normalisieren' können Sie Werte in Prozent umwandeln. ### Welche Kurventypen sind verfügbar? Sie können zwischen linear, glatt (gekrümmt) und Stufe (Treppe) wählen. ## Ä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) - [Vergleichs-Balkendiagramm-Generator](https://elysiatools.com/de/tools/comparison-bar-chart): Rücken-an-Rücken-Balkendiagramme für den Vergleich von positiven und negativen Werten generieren, perfekt für den Kontrast von Datensätzen - [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 - [Gantt-Diagramm-Generator](https://elysiatools.com/de/tools/gantt-chart-generator): Erstellen Sie professionelle Gantt-Diagramme mit Aufgabenzeitlinien, Abhängigkeiten, Fortschrittsverfolg und Meilenstein-Markierungen - [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 ## 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 - [Terraform-Plan-JSON-Beispiele](https://elysiatools.com/de/samples/terraform-plan-json-samples): Terraform-Plan-JSON-Dateien fuer Abhaengigkeitsvisualisierung und Change-Review, passend zu terraform show -json - [QR-Code-Beispiele](https://elysiatools.com/de/samples/qrcode-samples): Beispiel-QR-Code-Bilder zum Testen von QR-Code-Lese- und Generierungswerkzeugen