# Générateur de Graphique en Barres Empilées Générer des graphiques en barres empilées interactifs pour visualiser la composition des données catégorielles, parfait pour comparer plusieurs séries de données à travers les catégories > Page canonique: https://elysiatools.com/fr/tools/stacked-bar-chart - **Catégorie:** Data Visualization - **Mots-clés:** graphique en barres empilées, graphique de comparaison, composition des données, données catégorielles, séries multiples, graphique de pourcentage, visualisation de données ## Présentation Le Générateur de Graphique en Barres Empilées permet de créer facilement des visualisations interactives pour comparer la composition de vos données catégorielles. Idéal pour analyser plusieurs séries de données au sein d'une même catégorie, cet outil transforme vos ensembles de données JSON en graphiques clairs, professionnels et personnalisables. ## Entrées - **Données du Graphique** (textarea): Données pour le graphique en barres empilées au format JSON avec champs catégorie, série et valeur - **Titre du Graphique** (text): Titre qui sera affiché au-dessus du graphique - **Schéma de Couleurs** (select): Sélectionner le schéma de couleurs - **Couleurs Personnalisées** (textarea): Tableau JSON de couleurs hex (nécessite sélection de couleurs personnalisées) - **Format de Valeur** (select): Sélectionner le format de valeur - **Hauteur du Graphique** (number): Hauteur du graphique en pixels (min: 300, max: 800) - **Espacement des Barres** (number): Espacement entre les barres (0.1 - 0.5) - **Couleur de Fond** (color): Couleur de fond pour le conteneur du graphique - **Afficher les Valeurs sur les Barres** (checkbox): Afficher les valeurs ou pourcentages sur les barres - **Afficher la Légende** (checkbox): Afficher la légende de couleurs pour les séries - **Afficher les Lignes de Grille** (checkbox): Afficher les lignes de grille horizontales - **Afficher l'Animation** (checkbox): Animate bars when chart loads - **Afficher les Pourcentages** (checkbox): Afficher les pourcentages au lieu des valeurs sur les barres - **Activer les Info-bulles** (checkbox): Afficher des informations détaillées au survol ## Quand l'utiliser - Pour comparer la contribution de différentes sous-catégories au sein d'un total global. - Pour visualiser l'évolution de la composition de vos données sur plusieurs périodes ou segments. - Pour présenter des rapports de performance où le cumul des séries est plus pertinent que leur comparaison individuelle. ## Fonctionnement - Saisissez vos données au format JSON en spécifiant la catégorie, la série et la valeur associée. - Personnalisez l'apparence du graphique en ajustant le titre, le schéma de couleurs et les dimensions. - Configurez les options d'affichage comme les info-bulles, la légende ou le format des valeurs pour optimiser la lisibilité. - Générez instantanément votre graphique interactif prêt à être intégré ou exporté. ## Cas d'usage - Analyse de la répartition des ventes par produit sur plusieurs trimestres. - Visualisation de la composition budgétaire par département au fil des années. - Comparaison de la part de marché de différents services au sein d'une organisation. ## Questions fréquentes ### Quel format de données est requis ? L'outil nécessite un tableau JSON contenant des objets avec les clés 'category', 'series' et 'value'. ### Puis-je personnaliser les couleurs ? Oui, vous pouvez choisir parmi des thèmes prédéfinis ou sélectionner 'Couleurs Personnalisées' pour définir vos propres codes hexadécimaux. ### Le graphique est-il interactif ? Oui, le graphique généré inclut des info-bulles au survol et des animations fluides lors du chargement. ### Puis-je afficher des pourcentages au lieu de valeurs brutes ? Absolument, il suffit de cocher l'option 'Afficher les Pourcentages' dans les paramètres de configuration. ### Quelles sont les limites de taille pour le graphique ? Vous pouvez ajuster la hauteur du graphique entre 300 et 800 pixels pour s'adapter à votre mise en page. ## 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 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 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 - [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 - [Pie Chart Generator](https://elysiatools.com/fr/tools/pie-chart-generator): Generate customizable pie charts from data with various styling options ## 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 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 d'Analyse de Logs ELK Stack](https://elysiatools.com/fr/samples/elk-stack-samples): Exemples complets ELK Stack pour agrégation, traitement et visualisation de logs dans les systèmes distribués ## Contenu associé - [Générateurs de Graphiques et Diagrammes](https://elysiatools.com/fr/hubs/chart-diagram-generators): Générez des graphiques en barres, lignes, secteurs, anneaux, nuages de points, radar, Gantt, Sankey, cartes de chaleur, entonnoirs, treemaps et bien d'autres à partir de vos propres données dans un seul hub. - [Outils d interchange JSON et de traduction de formats](https://elysiatools.com/fr/hubs/json-convert): Comparez les outils de conversion JSON pour CSV, YAML, TOML, GraphQL, XML, Markdown, Excel, BSON, EDN et d autres formats structures dans un meme hub. - [Outils d inspection, de diff et de transformation JSON](https://elysiatools.com/fr/hubs/json-utility): Regroupe dans un meme hub les outils de formatage JSON, comparaison, inspection de chemins, validation de schema, fusion et transformation pour les workflows API et donnees. - [Generateurs de schemas JSON, donnees mock et fixtures API](https://elysiatools.com/fr/hubs/json-generate): Des outils reunis pour generation de schemas JSON, construction de payloads mock et preparation de fixtures API dans un seul hub.