Qu'est-ce qu'un graphique en marches d'escalier ?

C'est un type de graphique qui relie les points de données par des lignes horizontales et verticales, créant un effet d'escalier idéal pour les données qui restent constantes entre deux changements.

Quel format de données est requis ?

Vous devez fournir un tableau JSON contenant des objets avec les propriétés 'x' (axe horizontal) et 'y' (valeur numérique).

Puis-je personnaliser les couleurs ?

Oui, vous pouvez définir la couleur de la ligne, des points de données, de la grille et même de la zone sous la courbe.

Quels sont les différents styles de marches ?

Vous avez le choix entre 'Marche Avant' (horizontal puis vertical), 'Marche Après' (vertical puis horizontal) ou 'Marche Milieu' pour centrer les paliers.

Le graphique est-il interactif ?

Le générateur propose une option d'animation au chargement pour rendre la présentation de vos données plus dynamique.

Elysia Tools

Navigation mobile

Data Visualization

Générateur de Graphique en Marches d'Escalier

Créer des graphiques en marches d'escalier avec visualisation de données style escalier, parfait pour montrer les changements discrets dans le temps

Exécution

Exécuter cet outil

Remplissez le formulaire, lancez l’outil et consultez le résultat au même endroit.

Entrées

Les options sont groupées pour rendre les longs formulaires plus lisibles.

24 réglages

ContenuCollez ou saisissez les valeurs principales.5

Titre du GraphiquetextOptionnelTitre qui sera affiché au-dessus du graphique en marchesPoints de DonnéestextareaRequisPoints de données comme tableau JSON avec propriétés x, y et libellé optionnelÉtiquette de l'Axe XtextOptionnelÉtiquette pour l'axe XÉtiquette de l'Axe YtextOptionnelÉtiquette pour l'axe YFamille de PolicetextOptionnelFamille de police pour les éléments de texte

RéglagesAjustez formats, plages, nombres et modes.14

Style de MarcheselectRequisCouleur de LignecolorOptionnelCouleur de la ligne en marchesLargeur de LignenumberOptionnelLargeur de la ligne en marches en pixelsCouleur du Point de DonnéescolorOptionnelCouleur des points de donnéesTaille du Point de DonnéesnumberOptionnelTaille des points de données en pixelsCouleur de Remplissage de ZonecolorOptionnelCouleur pour le remplissage de zone (si activé)Couleur de GrillecolorOptionnelCouleur des lignes de grilleCouleur de FondcolorOptionnelCouleur de fond du graphiqueLargeur du GraphiquenumberOptionnelLargeur du graphique en pixelsHauteur du GraphiquenumberOptionnelHauteur du graphique en pixelsFormat d'Étiquette de DonnéesselectOptionnelTaille de PolicenumberOptionnelTaille de police pour les étiquettes et le texteTaille de Police du TitrenumberOptionnelTaille de police pour le titre du graphiqueDurée de l'AnimationnumberOptionnelDurée de l'animation en millisecondes

OptionsActivez ou désactivez les comportements optionnels.5

Afficher les Points de DonnéescheckboxOptionnelActivé si cochéAfficher les points de données sur la ligne en marchesAfficher les Étiquettes de DonnéescheckboxOptionnelActivé si cochéAfficher les étiquettes de valeur sur les points de donnéesAfficher la GrillecheckboxOptionnelActivé si cochéAfficher les lignes de grille de fondRemplir la Zone Sous la LignecheckboxOptionnelActivé si cochéRemplir la zone sous la ligne en marches avec de la couleurActiver l'AnimationcheckboxOptionnelActivé si cochéAnimer le graphique au chargement

Résultat

Prêt à exécuter

Après exécution, les fichiers, textes, données structurées ou sorties en flux apparaîtront ici.

Exemples

Exemples adaptés à cet outil

Associé

Générateur de Graphique en Marches d'Escalier

Exécuter cet outil

Entrées

Résultat

Exemples adaptés à cet outil

Continuer avec des outils et dossiers associés

Entrées

Résultat

Découvrez quand utiliser cet outil, ce qu'il prend en charge et comment les utilisateurs l'appliquent.

Points clés

Aperçu

Quand l’utiliser

Fonctionnement

Cas d’usage

Exemples

1. Suivi des variations de prix

2. Niveaux de stock en temps réel

FAQ

Exemples Avancés d'Application Grafana

Exemples de Communication Temps Réel WebRTC

Exemples de Codes QR

Exemples de Traçage Distribué

Générateur de Graphique en Barres de Comparaison

Générateur de Graphique en Donut

Générateur de Graphique en Entonnoir

Générateur de Diagramme de Gantt

Générateurs de Graphiques et Diagrammes

Generateurs de schemas JSON, donnees mock et fixtures API

Générateurs de code typé depuis JSON (TypeScript, Go, Rust, Kotlin, Java, C#)

Outils d interchange JSON et de traduction de formats