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

Data Visualization

Générateur de Graphique en Barres de Comparaison

Générer des graphiques en barres dos à dos pour la comparaison de valeurs positives et négatives, parfait pour contraster des ensembles de données

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/comparison-bar-chart' \
  -H 'Content-Type: application/json' \
  -d '{"chartData":"JSON format:\n[{"label": "Product A", "leftValue": 65, "rightValue": 85},\n{"label": "Product B", "leftValue": 45, "rightValue": 75},\n{"label": "Product C", "leftValue": 80, "rightValue": 60}]\n\nor text format:\nProduct A|65|85\nProduct B|45|75\nProduct C|80|60","chartTitle":"Entrez le titre du graphique...","colorScheme":"default","barColor":"#3b82f6","leftLabel":"Left Values","rightLabel":"Right Values","chartHeight":"500","barWidth":"30","maxValue":0,"minValue":"0","animationDuration":"1000","backgroundColor":"#ffffff","gridColor":"#e0e0e0","showGrid":true,"showValues":true,"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/comparison-bar-chart

Paramètres

NomTypeRequisDescription
chartDatatextareaOuiDonnées pour le graphique de comparaison. Supporte le tableau JSON ou le format texte simple étiquette|valeurGauche|valeurDroite
chartTitletextNonTitre qui sera affiché au-dessus du graphique
colorSchemeselectNon—
barColorcolorNonCouleur pour les barres gauches (la couleur des barres droites vient du schéma de couleurs)
leftLabeltextNonÉtiquette pour le côté gauche du graphique
rightLabeltextNonÉtiquette pour le côté droit du graphique
chartHeightnumberNonHauteur du graphique en pixels
barWidthnumberNonLargeur maximale des barres en pixels
maxValuenumberNonValeur maximale pour l'échelle du graphique (laissez vide pour auto)
minValuenumberNonValeur minimale pour l'échelle du graphique
animationDurationnumberNonDurée de l'animation des barres en millisecondes
backgroundColorcolorNonCouleur de fond pour le conteneur du graphique
gridColorcolorNonCouleur pour les lignes de grille
showGridcheckboxNonAfficher les lignes de grille pour une meilleure lisibilité
showValuescheckboxNonAfficher les valeurs sur les barres
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-comparison-bar-chart": {
      "name": "comparison-bar-chart",
      "description": "Générer des graphiques en barres dos à dos pour la comparaison de valeurs positives et négatives, parfait pour contraster des ensembles de données",
      "baseUrl": "https://api.elysiatools.com/mcp/sse?toolId=comparison-bar-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": "comparison-bar-chart",
    "arguments": {
  "chartData": "JSON format:\n[{&quot;label&quot;: &quot;Product A&quot;, &quot;leftValue&quot;: 65, &quot;rightValue&quot;: 85},\n{&quot;label&quot;: &quot;Product B&quot;, &quot;leftValue&quot;: 45, &quot;rightValue&quot;: 75},\n{&quot;label&quot;: &quot;Product C&quot;, &quot;leftValue&quot;: 80, &quot;rightValue&quot;: 60}]\n\nor text format:\nProduct A|65|85\nProduct B|45|75\nProduct C|80|60",
  "chartTitle": "Entrez le titre du graphique...",
  "colorScheme": "default",
  "barColor": "#3b82f6",
  "leftLabel": "Left Values",
  "rightLabel": "Right Values",
  "chartHeight": "500",
  "barWidth": "30",
  "maxValue": 0,
  "minValue": "0",
  "animationDuration": "1000",
  "backgroundColor": "#ffffff",
  "gridColor": "#e0e0e0",
  "showGrid": true,
  "showValues": true,
  "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