Elysia Tools Docs
FR
Langue
ZHESPTRUFRDEEN
Retour au site
Parcourir les outils

Data Visualization

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

html· Résultat HTMLOuvrir l'outil

Démarrage rapide

Appelez cet outil depuis votre code en trois langages.

cURL
curl -X POST 'https://api.elysiatools.com/fr/api/tools/stacked-area-chart' \
  -H 'Content-Type: application/json' \
  -d '{"chartData":"Multi-series JSON:\n{"labels": ["Jan", "Feb", "Mar"],\n  "series": [\n    {"name": "Product A", "data": [100, 150, 120]},\n    {"name": "Product B", "data": [80, 110, 140]},\n    {"name": "Product C", "data": [50, 70, 90]}\n  ]\n}\n\nor single series JSON:\n[{"label": "Jan", "value": 100}, {"label": "Feb", "value": 150}, {"label": "Mar", "value": 120}]","chartTitle":"Entrez le titre du graphique...","curveType":"smooth","areaColors":"#3b82f6,#10b981,#f59e0b","fillOpacity":"0.6","backgroundColor":"#ffffff","gridColor":"#e0e0e0","lineWidth":"2","chartHeight":"400","maxValue":0,"minValue":"0","xAxisLabel":"Category","yAxisLabel":"Value","showGrid":true,"showPoints":false,"showValues":false,"showTotalLine":true,"normalizeData":false,"showLegend":true}'

© 2026 Elysia Tools. Documentation développeur.

Retour au siteParcourir les outils

Référence de l'API

Envoyez une requête POST avec vos entrées en JSON. Les paramètres de type fichier nécessitent un upload préalable.

Point d'accès

HTTP
POST https://api.elysiatools.com/fr/api/tools/stacked-area-chart

Paramètres

NomTypeRequisDescription
chartDatatextareaOuiDonnées pour le graphique empilé. Supporte JSON multi-séries pour empilement ou tableau série simple
chartTitletextNonTitre qui sera affiché au-dessus du graphique
curveTypeselectNon—
areaColorstextNonCouleurs pour plusieurs zones (couleurs hex séparées par des virgules). Laisser vide pour les couleurs par défaut.
fillOpacitytextNonOpacité du remplissage de zone (0.1 à 1.0)
backgroundColorcolorNonCouleur d'arrière-plan pour le conteneur du graphique
gridColorcolorNonCouleur pour les lignes de grille
lineWidthnumberNonLargeur des lignes de limite de zone en pixels
chartHeightnumberNonHauteur du graphique en pixels
maxValuenumberNonValeur maximale pour l'axe Y (laisser vide pour échelle automatique)
minValuenumberNonValeur minimale pour l'axe Y
xAxisLabeltextNonÉtiquette pour l'axe X
yAxisLabeltextNonÉtiquette pour l'axe Y
showGridcheckboxNonAfficher les lignes de grille pour une meilleure lisibilité
showPointscheckboxNonAfficher les points de données sur les zones
showValuescheckboxNonAfficher les valeurs réelles sur les points de données
showTotalLinecheckboxNonAfficher une ligne montrant le total cumulé
normalizeDatacheckboxNonConvertir les valeurs en pourcentages montrant la contribution relative
showLegendcheckboxNonAfficher une légende sous le graphique

Format de réponse

Résultat HTML

JSON
{
  "result": "<div>Processed HTML content</div>",
  "error": "Error message (optional)",
  "message": "Notification message (optional)",
  "metadata": {
    "key": "value"
  }
}

Intégration MCP

Ajoutez cet outil à votre serveur Model Context Protocol pour que les agents IA puissent le lister et l'appeler.

Configuration du serveur

Ajoutez ce bloc à la configuration de votre client MCP :

mcp.json
{
  "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://api.elysiatools.com/mcp/sse?toolId=stacked-area-chart",
      "command": "",
      "args": [],
      "env": {},
      "isActive": true,
      "type": "sse"
    }
  }
}

Lister les outils disponibles

Après connexion au point d'accès SSE, listez les outils exposés :

tools/list
{
  "jsonrpc": "2.0",
  "id": 1,
  "method": "tools/list"
}

Appeler cet outil

Appelez l'outil par son id ; les arguments sont construits à partir de ses paramètres :

tools/call
{
  "jsonrpc": "2.0",
  "id": 2,
  "method": "tools/call",
  "params": {
    "name": "stacked-area-chart",
    "arguments": {
  "chartData": "Multi-series JSON:\n{&quot;labels&quot;: [&quot;Jan&quot;, &quot;Feb&quot;, &quot;Mar&quot;],\n  &quot;series&quot;: [\n    {&quot;name&quot;: &quot;Product A&quot;, &quot;data&quot;: [100, 150, 120]},\n    {&quot;name&quot;: &quot;Product B&quot;, &quot;data&quot;: [80, 110, 140]},\n    {&quot;name&quot;: &quot;Product C&quot;, &quot;data&quot;: [50, 70, 90]}\n  ]\n}\n\nor single series JSON:\n[{&quot;label&quot;: &quot;Jan&quot;, &quot;value&quot;: 100}, {&quot;label&quot;: &quot;Feb&quot;, &quot;value&quot;: 150}, {&quot;label&quot;: &quot;Mar&quot;, &quot;value&quot;: 120}]",
  "chartTitle": "Entrez le titre du graphique...",
  "curveType": "smooth",
  "areaColors": "#3b82f6,#10b981,#f59e0b",
  "fillOpacity": "0.6",
  "backgroundColor": "#ffffff",
  "gridColor": "#e0e0e0",
  "lineWidth": "2",
  "chartHeight": "400",
  "maxValue": 0,
  "minValue": "0",
  "xAxisLabel": "Category",
  "yAxisLabel": "Value",
  "showGrid": true,
  "showPoints": false,
  "showValues": false,
  "showTotalLine": true,
  "normalizeData": false,
  "showLegend": true
}
  }
}
Chaînez plusieurs outils dans une session avec une liste toolId séparée par des virgules, ex. /mcp/sse?toolId=png-to-webp,jpg-to-webp,gif-to-webp (20 max).

Des questions ou un problème ? Contactez [email protected]

Parcourir les outils
Ouvrir l'outil