Data Visualization
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
Appelez cet outil depuis votre code en trois langages.
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}'Envoyez une requête POST avec vos entrées en JSON. Les paramètres de type fichier nécessitent un upload préalable.
POST https://api.elysiatools.com/fr/api/tools/stacked-area-chart| Nom | 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 |
Résultat HTML
{
"result": "<div>Processed HTML content</div>",
"error": "Error message (optional)",
"message": "Notification message (optional)",
"metadata": {
"key": "value"
}
}Ajoutez cet outil à votre serveur Model Context Protocol pour que les agents IA puissent le lister et l'appeler.
Ajoutez ce bloc à la configuration de votre client 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://api.elysiatools.com/mcp/sse?toolId=stacked-area-chart",
"command": "",
"args": [],
"env": {},
"isActive": true,
"type": "sse"
}
}
}Après connexion au point d'accès SSE, listez les outils exposés :
{
"jsonrpc": "2.0",
"id": 1,
"method": "tools/list"
}Appelez l'outil par son id ; les arguments sont construits à partir de ses paramètres :
{
"jsonrpc": "2.0",
"id": 2,
"method": "tools/call",
"params": {
"name": "stacked-area-chart",
"arguments": {
"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
}
}
}Des questions ou un problème ? Contactez [email protected]