# Générateur de Graphique en Aires Empilées Générer des graphiques en aires empilées montrant les tendances cumulatives de plusieurs séries de données, parfait pour visualiser les tendances totales et les contributions des composants > Page canonique: https://elysiatools.com/fr/tools/stacked-area-chart - **Catégorie:** Data Visualization - **Mots-clés:** graphique en aires empilées, graphique, visualisation, graphique cumulatif, tendance, données, générateur, total, composition ## Présentation Créez facilement des graphiques en aires empilées professionnels pour visualiser les tendances cumulatives et la contribution relative de chaque série de données au sein d'un ensemble global. ## Entrées - **Données du Graphique** (textarea): Données pour le graphique empilé. Supporte JSON multi-séries pour empilement ou tableau série simple - **Titre du Graphique** (text): Titre qui sera affiché au-dessus du graphique - **Type de Courbe** (select): Sélectionner le type de courbe - **Couleurs de Zone** (text): Couleurs pour plusieurs zones (couleurs hex séparées par des virgules). Laisser vide pour les couleurs par défaut. - **Opacité de Remplissage** (text): Opacité du remplissage de zone (0.1 à 1.0) - **Couleur d'Arrière-plan** (color): Couleur d'arrière-plan pour le conteneur du graphique - **Couleur de Grille** (color): Couleur pour les lignes de grille - **Largeur de Ligne** (number): Largeur des lignes de limite de zone en pixels - **Hauteur du Graphique** (number): Hauteur du graphique en pixels - **Valeur Maximale** (number): Valeur maximale pour l'axe Y (laisser vide pour échelle automatique) - **Valeur Minimale** (number): Valeur minimale pour l'axe Y - **Étiquette de l'Axe X** (text): Étiquette pour l'axe X - **Étiquette de l'Axe Y** (text): Étiquette pour l'axe Y - **Afficher les Lignes de Grille** (checkbox): Afficher les lignes de grille pour une meilleure lisibilité - **Afficher les Points de Données** (checkbox): Afficher les points de données sur les zones - **Afficher les Valeurs sur les Points** (checkbox): Afficher les valeurs réelles sur les points de données - **Afficher la Ligne Totale** (checkbox): Afficher une ligne montrant le total cumulé - **Normaliser à 100%** (checkbox): Convertir les valeurs en pourcentages montrant la contribution relative - **Afficher la Légende** (checkbox): Afficher une légende sous le graphique ## Quand l'utiliser - Pour illustrer l'évolution du volume total d'une métrique sur une période donnée. - Pour comparer la part de chaque composant dans un tout au fil du temps. - Pour mettre en évidence la croissance cumulée de plusieurs catégories de données simultanément. ## Fonctionnement - Saisissez vos données au format JSON, en spécifiant les étiquettes et les séries de valeurs correspondantes. - Personnalisez l'apparence du graphique en ajustant le type de courbe, les couleurs et l'opacité des zones. - Configurez les options d'affichage comme la grille, la légende ou la normalisation à 100% pour affiner la lecture. - Générez instantanément votre graphique prêt à être intégré dans vos rapports ou présentations. ## Cas d'usage - Analyse de la répartition du chiffre d'affaires par produit sur plusieurs trimestres. - Suivi de l'évolution du trafic web par source d'acquisition (organique, social, direct). - Visualisation de la consommation énergétique cumulée par type d'appareil au cours d'une journée. ## Questions fréquentes ### Quels formats de données sont acceptés ? L'outil accepte des données au format JSON, supportant à la fois les structures multi-séries pour l'empilement et les tableaux de séries simples. ### Puis-je modifier l'apparence des courbes ? Oui, vous pouvez choisir entre des courbes linéaires, lisses ou en escalier via l'option Type de Courbe. ### Est-il possible de normaliser les données ? Absolument, l'option 'Normaliser à 100%' permet de convertir les valeurs en pourcentages pour mieux visualiser la contribution relative. ### Puis-je personnaliser les couleurs des zones ? Oui, vous pouvez définir des couleurs spécifiques en saisissant les codes hexadécimaux séparés par des virgules dans le champ Couleurs de Zone. ### Le graphique est-il exportable ? Le résultat est généré au format HTML, ce qui permet une intégration facile dans vos pages web ou vos documents numériques. ## Outils associés - [Bar Chart Generator](https://elysiatools.com/fr/tools/bar-chart-generator): Generate customizable bar charts from data with various styling options - [Générateur de Graphique à Bulles](https://elysiatools.com/fr/tools/bubble-chart-generator): Générer des graphiques à bulles personnalisables à partir de données avec trois dimensions (x, y, taille) - [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 Compteur](https://elysiatools.com/fr/tools/gauge-chart-generator): Générer des compteurs personnalisables à partir de données, parfait pour afficher les KPI, métriques et indicateurs de performance - [Générateur de Carte Thermique](https://elysiatools.com/fr/tools/heatmap-generator): Générer des cartes thermiques personnalisables à partir de données, parfait pour visualiser la densité de données, les corrélations et les modèles ## 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 D3.js Data Visualization](https://elysiatools.com/fr/samples/d3js-data-visualization): Exemples complets de visualisation de données D3.js incluant graphiques, cartes, animations et visualisations interactives - [Exemples JSON de Terraform Plan](https://elysiatools.com/fr/samples/terraform-plan-json-samples): Fichiers Terraform plan JSON pour visualiser les dependances et revoir les changements, proches de terraform show -json - [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