Catégories

← View All Tools

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

Données pour le graphique empilé. Supporte JSON multi-séries pour empilement ou tableau série simple

Titre qui sera affiché au-dessus du graphique

Couleurs pour plusieurs zones (couleurs hex séparées par des virgules). Laisser vide pour les couleurs par défaut.

Opacité du remplissage de zone (0.1 à 1.0)

Couleur d'arrière-plan pour le conteneur du graphique

Couleur pour les lignes de grille

Largeur des lignes de limite de zone en pixels

Hauteur du graphique en pixels

Valeur maximale pour l'axe Y (laisser vide pour échelle automatique)

Valeur minimale pour l'axe Y

Étiquette pour l'axe X

Étiquette pour l'axe Y

Afficher les lignes de grille pour une meilleure lisibilité

Afficher les points de données sur les zones

Afficher les valeurs réelles sur les points de données

Afficher une ligne montrant le total cumulé

Convertir les valeurs en pourcentages montrant la contribution relative

Afficher une légende sous le graphique

Points clés

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

Vue d’ensemble

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.

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.

Comment ça marche

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

Exemples

1. Suivi des ventes trimestrielles

Analyste commercial
Contexte
Un analyste doit présenter la croissance des ventes de trois gammes de produits sur l'année.
Problème
Visualiser non seulement la croissance totale, mais aussi la part de marché de chaque gamme.
Comment l’utiliser
Saisir les données JSON des ventes par trimestre et activer l'affichage de la ligne totale.
Configuration d’exemple
{"labels": ["T1", "T2", "T3", "T4"], "series": [{"name": "Gamme A", "data": [100, 120, 130, 150]}, {"name": "Gamme B", "data": [80, 90, 110, 120]}]}
Résultat
Un graphique clair montrant la progression cumulée des deux gammes avec une distinction visuelle nette.

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 Generate
Découvrez 33 outils json pour des workflows de generate et comparez rapidement des utilitaires proches.
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 Format
Découvrez 6 outils json pour des workflows de format et comparez rapidement des utilitaires proches.

FAQ

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.

Documentation de l'API

Point de terminaison de la requête

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

Paramètres de la requête

Nom du paramètre Type Requis Description
chartData textarea Oui Données pour le graphique empilé. Supporte JSON multi-séries pour empilement ou tableau série simple
chartTitle text Non Titre qui sera affiché au-dessus du graphique
curveType select Non -
areaColors text Non Couleurs pour plusieurs zones (couleurs hex séparées par des virgules). Laisser vide pour les couleurs par défaut.
fillOpacity text Non Opacité du remplissage de zone (0.1 à 1.0)
backgroundColor color Non Couleur d'arrière-plan pour le conteneur du graphique
gridColor color Non Couleur pour les lignes de grille
lineWidth number Non Largeur des lignes de limite de zone en pixels
chartHeight number Non Hauteur du graphique en pixels
maxValue number Non Valeur maximale pour l'axe Y (laisser vide pour échelle automatique)
minValue number Non Valeur minimale pour l'axe Y
xAxisLabel text Non Étiquette pour l'axe X
yAxisLabel text Non Étiquette pour l'axe Y
showGrid checkbox Non Afficher les lignes de grille pour une meilleure lisibilité
showPoints checkbox Non Afficher les points de données sur les zones
showValues checkbox Non Afficher les valeurs réelles sur les points de données
showTotalLine checkbox Non Afficher une ligne montrant le total cumulé
normalizeData checkbox Non Convertir les valeurs en pourcentages montrant la contribution relative
showLegend checkbox Non Afficher une légende sous le graphique

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-area-chart": {
      "name": "stacked-area-chart",
      "description": "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",
      "baseUrl": "https://elysiatools.com/mcp/sse?toolId=stacked-area-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]