# 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

> Page canonique: https://elysiatools.com/fr/tools/step-chart-generator

- **Catégorie:** Data Visualization

- **Mots-clés:** graphique en marches, graphique escalier, données discrètes, série temporelle, changements de prix, niveaux de stock

## Présentation

Le Générateur de Graphique en Marches d'Escalier permet de transformer vos données discrètes en visualisations claires et précises, idéales pour illustrer des changements par paliers au fil du temps.

## Entrées

- **Titre du Graphique** (text): Titre qui sera affiché au-dessus du graphique en marches
- **Points de Données** (textarea): Points de données comme tableau JSON avec propriétés x, y et libellé optionnel
- **Étiquette de l'Axe X** (text): Étiquette pour l'axe X
- **Étiquette de l'Axe Y** (text): Étiquette pour l'axe Y
- **Style de Marche** (select): Sélectionner le style de marche
- **Couleur de Ligne** (color): Couleur de la ligne en marches
- **Largeur de Ligne** (number): Largeur de la ligne en marches en pixels
- **Couleur du Point de Données** (color): Couleur des points de données
- **Taille du Point de Données** (number): Taille des points de données en pixels
- **Afficher les Points de Données** (checkbox): Afficher les points de données sur la ligne en marches
- **Afficher les Étiquettes de Données** (checkbox): Afficher les étiquettes de valeur sur les points de données
- **Afficher la Grille** (checkbox): Afficher les lignes de grille de fond
- **Remplir la Zone Sous la Ligne** (checkbox): Remplir la zone sous la ligne en marches avec de la couleur
- **Couleur de Remplissage de Zone** (color): Couleur pour le remplissage de zone (si activé)
- **Couleur de Grille** (color): Couleur des lignes de grille
- **Couleur de Fond** (color): Couleur de fond du graphique
- **Largeur du Graphique** (number): Largeur du graphique en pixels
- **Hauteur du Graphique** (number): Hauteur du graphique en pixels
- **Format d'Étiquette de Données** (select): Sélectionner le format
- **Taille de Police** (number): Taille de police pour les étiquettes et le texte
- **Taille de Police du Titre** (number): Taille de police pour le titre du graphique
- **Famille de Police** (text): Famille de police pour les éléments de texte
- **Activer l'Animation** (checkbox): Animer le graphique au chargement
- **Durée de l'Animation** (number): Durée de l'animation en millisecondes

## Quand l'utiliser

- Pour visualiser l'évolution des niveaux de stock qui changent par étapes.
- Pour représenter des changements de prix ou des tarifs fixes sur des périodes données.
- Pour illustrer des étapes de progression ou des seuils atteints dans un projet.

## Fonctionnement

- Saisissez vos points de données au format JSON en spécifiant les coordonnées x et y.
- Choisissez le style de marche (avant, après ou milieu) pour adapter la forme de la courbe.
- Personnalisez l'apparence avec les options de couleur, de largeur de ligne et d'affichage de la grille.
- Générez votre graphique instantanément et ajustez les paramètres de police ou d'animation selon vos besoins.

## Cas d'usage

- Suivi des variations de prix d'un produit sur une année.
- Visualisation des niveaux de stock en entrepôt après chaque livraison.
- Représentation des paliers de progression d'un abonnement ou d'un service.

## Questions fréquentes

### 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.

## Outils associés

- [Générateur de Graphique en Barres de Comparaison](https://elysiatools.com/fr/tools/comparison-bar-chart): Générer des graphiques en barres dos à dos pour la comparaison de valeurs positives et négatives, parfait pour contraster des ensembles de données
- [Générateur de Graphique en Donut](https://elysiatools.com/fr/tools/donut-chart-generator): Générer des graphiques en donut personnalisables à partir de données avec diverses options de style, parfait pour montrer les proportions avec un espace central
- [Générateur de Graphique en Entonnoir](https://elysiatools.com/fr/tools/funnel-chart-generator): Générer des graphiques en entonnoir personnalisables à partir de données, parfait pour montrer les taux de conversion, les pipelines de vente et les flux de processus
- [Générateur de Diagramme de Gantt](https://elysiatools.com/fr/tools/gantt-chart-generator): Créer des diagrammes de Gantt professionnels avec des lignes de temps de tâches, dépendances, suivi de progression et marqueurs de jalons
- [Générateur de Graphique de Jalons](https://elysiatools.com/fr/tools/milestone-chart): Générer des graphiques de jalons de projet avec des nœuds de chronologie et des points clés de réussite
- [Générateur de Graphique Circulaire Multiniveau](https://elysiatools.com/fr/tools/multi-level-pie-chart-generator): Créer des graphiques circulaires multiniveaux concentriques avec relations hiérarchiques et fonctionnalité de drill-down interactive
- [Générateur de Pictogramme](https://elysiatools.com/fr/tools/pictograph-generator): Créez des pictogrammes en utilisant des icônes/symboles pour représenter des quantités avec des icônes, couleurs et mises en page personnalisables
- [Générateur de Barre de Progression](https://elysiatools.com/fr/tools/progress-bar-generator): Générer des barres de progression personnalisables à partir de données, parfait pour montrer le statut d'achèvement, les classements ou les valeurs comparatives

## Exemples

- [Exemples Avancés d'Application Grafana](https://elysiatools.com/fr/samples/grafana-samples): Exemples complets de Grafana couvrant le design avancé de tableaux de bord, la configuration d'alertes, l'intégration de sources de données et le développement de plugins
- [Exemples de Communication Temps Réel WebRTC](https://elysiatools.com/fr/samples/webrtc-samples): Exemples complets WebRTC pour communication audio/vidéo P2P, canaux de données, partage d'écran et serveur de signalisation
- [Exemples de Codes QR](https://elysiatools.com/fr/samples/qrcode-samples): Images de codes QR d'exemple pour tester les outils de lecture et de génération de codes QR
- [Exemples de Traçage Distribué](https://elysiatools.com/fr/samples/distributed-tracing-samples): Exemples complets de traçage distribué utilisant Jaeger, OpenTelemetry et outils d'observabilité modernes