Catégories

← View All Tools

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

Données pour le graphique en barres empilées au format JSON avec champs catégorie, série et valeur

Titre qui sera affiché au-dessus du graphique

Tableau JSON de couleurs hex (nécessite sélection de couleurs personnalisées)

Hauteur du graphique en pixels (min: 300, max: 800)

Espacement entre les barres (0.1 - 0.5)

Couleur de fond pour le conteneur du graphique

Afficher les valeurs ou pourcentages sur les barres

Afficher la légende de couleurs pour les séries

Afficher les lignes de grille horizontales

Animate bars when chart loads

Afficher les pourcentages au lieu des valeurs sur les barres

Afficher des informations détaillées au survol

Points clés

Catégorie
Data Visualization
Types d’entrée
textarea, text, select, number, color, checkbox
Type de sortie
html
Couverture des échantillons
4
API disponible
Yes

Vue d’ensemble

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.

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.

Comment ça marche

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

Exemples

1. Répartition des ventes trimestrielles

Analyste commercial
Contexte
L'analyste doit présenter la performance de deux produits phares sur quatre trimestres pour montrer leur part relative dans le chiffre d'affaires total.
Problème
Les tableaux de données brutes sont difficiles à interpréter rapidement lors des réunions de direction.
Comment l’utiliser
Saisir les données de vente par produit et par trimestre, puis activer l'option 'Afficher les valeurs'.
Configuration d’exemple
[{"category": "T1", "series": "Produit A", "value": 100}, {"category": "T1", "series": "Produit B", "value": 150}, {"category": "T2", "series": "Produit A", "value": 120}, {"category": "T2", "series": "Produit B", "value": 180}]
Résultat
Un graphique en barres empilées clair montrant la croissance cumulée et la part de chaque produit par trimestre.

Tester avec des échantillons

json
Exemples Avancés d'Application Grafana
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
preferred input family json
json
Exemples D3.js Data Visualization
Exemples complets de visualisation de données D3.js incluant graphiques, cartes, animations et visualisations interactives
preferred input family json
json
Exemples PDF
Exemples PDF generes par les outils du 2026-02-01 au 2026-02-10
preferred input family json
json
Exemples de Communication Temps Réel WebRTC
Exemples complets WebRTC pour communication audio/vidéo P2P, canaux de données, partage d'écran et serveur de signalisation
preferred input family json
json

Hubs associés

Outils Json pour Convert
Découvrez 100 outils json pour des workflows de convert et comparez rapidement des utilitaires proches.
Outils Json
Découvrez 43 outils json pour des workflows de utility et comparez rapidement des utilitaires proches.
Outils Json pour Generate
Découvrez 33 outils json pour des workflows de generate et comparez rapidement des utilitaires proches.
Outils Json pour Format
Découvrez 6 outils json pour des workflows de format et comparez rapidement des utilitaires proches.

FAQ

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.

Documentation de l'API

Point de terminaison de la requête

POST /fr/api/tools/stacked-bar-chart

Paramètres de la requête

Nom du paramètre Type Requis Description
chartData textarea Oui Données pour le graphique en barres empilées au format JSON avec champs catégorie, série et valeur
chartTitle text Non Titre qui sera affiché au-dessus du graphique
colorScheme select Non -
customColors textarea Non Tableau JSON de couleurs hex (nécessite sélection de couleurs personnalisées)
valueFormat select Non -
chartHeight number Non Hauteur du graphique en pixels (min: 300, max: 800)
barSpacing number Non Espacement entre les barres (0.1 - 0.5)
backgroundColor color Non Couleur de fond pour le conteneur du graphique
showValues checkbox Non Afficher les valeurs ou pourcentages sur les barres
showLegend checkbox Non Afficher la légende de couleurs pour les séries
showGrid checkbox Non Afficher les lignes de grille horizontales
showAnimation checkbox Non Animate bars when chart loads
showPercentage checkbox Non Afficher les pourcentages au lieu des valeurs sur les barres
enableTooltip checkbox Non Afficher des informations détaillées au survol

Format de réponse

{
  "result": "
Processed HTML content
",
  "error": "Error message (optional)",
  "message": "Notification message (optional)",
  "metadata": {
    "key": "value"
  }
}
HTML: HTML

Documentation de MCP

Ajoutez cet outil à votre configuration de serveur MCP: 

{
  "mcpServers": {
    "elysiatools-stacked-bar-chart": {
      "name": "stacked-bar-chart",
      "description": "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",
      "baseUrl": "https://elysiatools.com/mcp/sse?toolId=stacked-bar-chart",
      "command": "",
      "args": [],
      "env": {},
      "isActive": true,
      "type": "sse"
    }
  }
}

Vous pouvez chaîner plusieurs outils, par ex.: `https://elysiatools.com/mcp/sse?toolId=png-to-webp,jpg-to-webp,gif-to-webp`, max 20 outils.

Si vous rencontrez des problèmes, veuillez nous contacter à [email protected]