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

Data Visualization

Générateur de Graphique en Cascade

Créer des graphiques en cascade pour visualiser les changements cumulatifs avec distinction des valeurs positives/négatives et affichage des sous-totaux

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/waterfall-chart-generator' \
  -H 'Content-Type: application/json' \
  -d '{"chartTitle":"Entrez le titre du graphique...","dataItems":"JSON format example:\n[{"label": "Starting Value", "value": 1000, "isSubtotal": true},\n{"label": "Revenue", "value": 500},\n{"label": "Costs", "value": -200},\n{"label": "Expenses", "value": -150},\n{"label": "Net Profit", "value": 150, "isSubtotal": true}]","xAxisLabel":"Categories","yAxisLabel":"Values","positiveColor":"#2196F3","negativeColor":"#F44336","totalColor":"#4CAF50","connectingLineColor":"#666666","barWidth":"60","showValues":true,"showTotal":true,"showConnectingLines":true,"valueFormat":"integer","fontSize":"12","titleSize":"18","fontFamily":"Arial","chartWidth":"800","chartHeight":"500","backgroundColor":"#ffffff","gridColor":"#e0e0e0","animationEnabled":true,"animationDuration":"1000"}'

© 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/waterfall-chart-generator

Paramètres

NomTypeRequisDescription
chartTitletextNonTitre qui sera affiché au-dessus du graphique en cascade
dataItemstextareaOuiÉléments de données comme tableau JSON avec libellé, valeur et drapeau isSubtotal optionnel
xAxisLabeltextNonÉtiquette pour l'axe X
yAxisLabeltextNonÉtiquette pour l'axe Y
positiveColorcolorNonCouleur pour les barres de valeurs positives
negativeColorcolorNonCouleur pour les barres de valeurs négatives
totalColorcolorNonCouleur pour les barres de sous-total et total
connectingLineColorcolorNonCouleur pour les lignes de connexion entre barres
barWidthnumberNonLargeur de chaque barre en pixels
showValuescheckboxNonAfficher les valeurs au-dessus des barres
showTotalcheckboxNonAjouter automatiquement la barre de total final
showConnectingLinescheckboxNonAfficher les lignes de connexion entre barres
valueFormatselectNon—
fontSizenumberNonTaille de police pour les étiquettes et valeurs
titleSizenumberNonTaille de police pour le titre du graphique
fontFamilytextNonFamille de police pour les éléments de texte
chartWidthnumberNonLargeur du graphique en pixels
chartHeightnumberNonHauteur du graphique en pixels
backgroundColorcolorNonCouleur de fond du graphique
gridColorcolorNonCouleur des lignes de grille
animationEnabledcheckboxNonAnimer le graphique au chargement
animationDurationnumberNonDurée de l'animation en millisecondes

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-waterfall-chart-generator": {
      "name": "waterfall-chart-generator",
      "description": "Créer des graphiques en cascade pour visualiser les changements cumulatifs avec distinction des valeurs positives/négatives et affichage des sous-totaux",
      "baseUrl": "https://api.elysiatools.com/mcp/sse?toolId=waterfall-chart-generator",
      "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": "waterfall-chart-generator",
    "arguments": {
  "chartTitle": "Entrez le titre du graphique...",
  "dataItems": "JSON format example:\n[{&quot;label&quot;: &quot;Starting Value&quot;, &quot;value&quot;: 1000, &quot;isSubtotal&quot;: true},\n{&quot;label&quot;: &quot;Revenue&quot;, &quot;value&quot;: 500},\n{&quot;label&quot;: &quot;Costs&quot;, &quot;value&quot;: -200},\n{&quot;label&quot;: &quot;Expenses&quot;, &quot;value&quot;: -150},\n{&quot;label&quot;: &quot;Net Profit&quot;, &quot;value&quot;: 150, &quot;isSubtotal&quot;: true}]",
  "xAxisLabel": "Categories",
  "yAxisLabel": "Values",
  "positiveColor": "#2196F3",
  "negativeColor": "#F44336",
  "totalColor": "#4CAF50",
  "connectingLineColor": "#666666",
  "barWidth": "60",
  "showValues": true,
  "showTotal": true,
  "showConnectingLines": true,
  "valueFormat": "integer",
  "fontSize": "12",
  "titleSize": "18",
  "fontFamily": "Arial",
  "chartWidth": "800",
  "chartHeight": "500",
  "backgroundColor": "#ffffff",
  "gridColor": "#e0e0e0",
  "animationEnabled": true,
  "animationDuration": "1000"
}
  }
}
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