Was ist ein Treppen-Chart?

Ein Treppen-Chart (oder Stufen-Chart) stellt Daten als horizontale und vertikale Linien dar, anstatt Punkte direkt zu verbinden, was ideal für diskrete Werte ist.

Welches Datenformat wird benötigt?

Die Daten müssen als JSON-Array vorliegen, das Objekte mit 'x' (Zeitpunkt/Kategorie) und 'y' (Wert) enthält.

Kann ich das Aussehen der Stufen anpassen?

Ja, Sie können zwischen verschiedenen Stufenstilen wie 'Stufe Davor', 'Stufe Danach' oder 'Stufe Mitte' wählen.

Ist es möglich, den Bereich unter der Linie zu füllen?

Ja, aktivieren Sie einfach die Option 'Bereich Unter Linie Füllen' und wählen Sie eine Farbe aus.

Kann ich das Diagramm animieren?

Ja, der Generator unterstützt eine zuschaltbare Animation beim Laden des Diagramms mit einstellbarer Dauer.

Elysia Tools

Mobile Navigation

Data Visualization

Treppen-Chart-Generator

Erstellen Sie Treppen-Charts mit treppenartiger Datenvisualisierung, perfekt für die Darstellung diskreter Veränderungen über Zeit

Ausführung

Dieses Tool ausführen

Fülle das Formular aus, starte das Tool und prüfe das Ergebnis an einem Ort.

Eingaben

Optionen sind gruppiert, damit lange Formulare übersichtlich bleiben.

24 Optionen

InhaltHaupteingaben einfügen oder eingeben.5

DiagrammtiteltextOptionales FeldTitel, der über dem Treppen-Chart angezeigt wirdDatenpunktetextareaPflichtDatenpunkte als JSON-Array mit x, y und optionalen Label-EigenschaftenX-Achsen-BeschriftungtextOptionales FeldBeschriftung für die X-AchseY-Achsen-BeschriftungtextOptionales FeldBeschriftung für die Y-AchseSchriftfamilietextOptionales FeldSchriftfamilie für Textelemente

EinstellungenFormate, Bereiche, Zahlen und Modi anpassen.14

StufenstilselectPflichtLinienfarbecolorOptionales FeldFarbe der StufenlinieLinienbreitenumberOptionales FeldBreite der Stufenlinie in PixelnDatenpunkt-FarbecolorOptionales FeldFarbe der DatenpunkteDatenpunkt-GrößenumberOptionales FeldGröße der Datenpunkte in PixelnBereichsfüllfarbecolorOptionales FeldFarbe für Bereichsfüllung (falls aktiviert)RasterfarbecolorOptionales FeldFarbe der RasterlinienHintergrundfarbecolorOptionales FeldHintergrundfarbe des DiagrammsDiagrammbreitenumberOptionales FeldBreite des Diagramms in PixelnDiagrammhöhenumberOptionales FeldHöhe des Diagramms in PixelnDatenbeschriftungsformatselectOptionales FeldSchriftgrößenumberOptionales FeldSchriftgröße für Beschriftungen und TextTitelschriftgrößenumberOptionales FeldSchriftgröße für den DiagrammtitelAnimationsdauernumberOptionales FeldAnimationsdauer in Millisekunden

SchalterOptionales Verhalten aktivieren oder deaktivieren.5

Datenpunkte AnzeigencheckboxOptionales FeldAktiviert, wenn ausgewähltDatenpunkte auf der Stufenlinie anzeigenDatenbeschriftungen AnzeigencheckboxOptionales FeldAktiviert, wenn ausgewähltWertebeschriftungen auf Datenpunkten anzeigenRaster AnzeigencheckboxOptionales FeldAktiviert, wenn ausgewähltHintergrund-Rasterlinien anzeigenBereich Unter Linie FüllencheckboxOptionales FeldAktiviert, wenn ausgewähltBereich unter der Stufenlinie mit Farbe füllenAnimation AktivierencheckboxOptionales FeldAktiviert, wenn ausgewähltDiagramm beim Laden animieren

Ergebnis

Bereit zum Start

Nach dem Ausführen erscheinen hier Dateien, Text, strukturierte Daten oder Stream-Ausgaben.

Beispiele

Beispiele zu diesem Tool

Verwandt

Treppen-Chart-Generator

Dieses Tool ausführen

Eingaben

Ergebnis

Beispiele zu diesem Tool

Mit verwandten Tools und Themen fortfahren

Eingaben

Ergebnis

Erfahren Sie, wann dieses Tool passt, was es unterstützt und wie Nutzer es anwenden.

Wichtige Fakten

Überblick

Wann verwenden

So funktioniert es

Anwendungsfälle

Beispiele

1. Preisverlauf eines Produkts

2. Lagerbestand-Monitoring

FAQ

Grafana Fortgeschrittene Anwendungsbeispiele

WebRTC Echtzeitkommunikation Beispiele

QR-Code-Beispiele

Distributed Tracing Beispiele

Vergleichs-Balkendiagramm-Generator

Donut-Diagramm-Generator

Trichter-Diagramm-Generator

Gantt-Diagramm-Generator

Diagramm- und Grafikgeneratoren

Generatoren fur JSON-Schemas, Mock-Daten und API-Fixtures

Tools fur JSON-Austausch und Format-Ubersetzung

Textfall-, Encoding- und Normalisierungs-Konvertierungs-Tools