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

Data Visualization

Générateur de Barre de Progression

Générer des barres de progression personnalisables à partir de données, parfait pour montrer le statut d'achèvement, les classements ou les valeurs comparatives

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/progress-bar-generator' \
  -H 'Content-Type: application/json' \
  -d '{"chartData":"JSON format:\n[{"label": "Task A", "value": 75},\n{"label": "Task B", "value": 60},\n{"label": "Task C", "value": 90},\n{"label": "Task D", "value": 45}]\n\nor text format:\nTask A:75\nTask B:60\nTask C:90\nTask D:45","chartTitle":"Entrez le titre du graphique...","orientation":"horizontal","barStyle":"solid","barColors":"#3b82f6,#ef4444,#10b981","barHeight":"30","maxValue":0,"minValue":0,"targetValue":0,"backgroundColor":"#ffffff","showPercentage":true,"showValues":true,"animated":true,"rounded":true,"showTarget":false}'

© 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/progress-bar-generator

Paramètres

NomTypeRequisDescription
chartDatatextareaOuiDonnées pour les barres de progression. Supporte le tableau JSON ou le format texte simple étiquette:valeur
chartTitletextNonTitre qui sera affiché au-dessus du graphique
orientationselectNon—
barStyleselectNon—
barColorstextNonCouleurs pour les barres de progression (couleurs hex séparées par des virgules). Laissez vide pour les couleurs par défaut.
barHeightnumberNonHauteur des barres horizontales ou largeur des barres verticales en pixels
maxValuenumberNonValeur maximale pour l'échelle de progression (laissez vide pour l'échelle automatique)
minValuenumberNonValeur minimale pour l'échelle de progression
targetValuenumberNonValeur cible à afficher comme ligne de référence
backgroundColorcolorNonCouleur de fond pour le conteneur du graphique
showPercentagecheckboxNonAfficher les valeurs de pourcentage sur les barres de progression
showValuescheckboxNonAfficher les valeurs réelles sur les barres de progression
animatedcheckboxNonAnimer les barres de progression lorsqu'elles se chargent
roundedcheckboxNonUtiliser des coins arrondis pour les barres de progression
showTargetcheckboxNonAfficher une ligne de référence pour la valeur cible

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-progress-bar-generator": {
      "name": "progress-bar-generator",
      "description": "Générer des barres de progression personnalisables à partir de données, parfait pour montrer le statut d'achèvement, les classements ou les valeurs comparatives",
      "baseUrl": "https://api.elysiatools.com/mcp/sse?toolId=progress-bar-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": "progress-bar-generator",
    "arguments": {
  "chartData": "JSON format:\n[{&quot;label&quot;: &quot;Task A&quot;, &quot;value&quot;: 75},\n{&quot;label&quot;: &quot;Task B&quot;, &quot;value&quot;: 60},\n{&quot;label&quot;: &quot;Task C&quot;, &quot;value&quot;: 90},\n{&quot;label&quot;: &quot;Task D&quot;, &quot;value&quot;: 45}]\n\nor text format:\nTask A:75\nTask B:60\nTask C:90\nTask D:45",
  "chartTitle": "Entrez le titre du graphique...",
  "orientation": "horizontal",
  "barStyle": "solid",
  "barColors": "#3b82f6,#ef4444,#10b981",
  "barHeight": "30",
  "maxValue": 0,
  "minValue": 0,
  "targetValue": 0,
  "backgroundColor": "#ffffff",
  "showPercentage": true,
  "showValues": true,
  "animated": true,
  "rounded": true,
  "showTarget": false
}
  }
}
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