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

Data Visualization

Générateur de Graphique en Barres de Plage

Graphique affichant les plages min-max et les intervalles de temps, version simplifiée du diagramme de Gantt

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/range-bar-chart' \
  -H 'Content-Type: application/json' \
  -d '{"rangeData":"JSON format example (Date ranges):\n[{"label": "Project Phase 1", "startDate": "2024-01-01", "endDate": "2024-02-15", "color": "#4CAF50"},\n{"label": "Project Phase 2", "startDate": "2024-02-10", "endDate": "2024-04-01", "color": "#2196F3"}]\n\nOr numeric ranges:\n[{"label": "Product A", "minValue": 50, "maxValue": 120, "color": "#FF9800"},\n{"label": "Product B", "minValue": 80, "maxValue": 180, "color": "#4CAF50"}]","chartTitle":"Range Analysis Chart","orientation":"horizontal","showLabels":true,"showValues":true,"showGrid":true,"colorScheme":"blue","barHeight":"30","animationDuration":"1000","chartHeight":"400"}'

© 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/range-bar-chart

Paramètres

NomTypeRequisDescription
rangeDatatextareaOuiDonnées du graphique de plage au format JSON. Prend en charge les plages de dates (startDate/endDate) ou les plages numériques (minValue/maxValue)
chartTitletextNonTitre principal du graphique de plage
orientationselectNon—
showLabelscheckboxNonSi afficher les étiquettes d'éléments
showValuescheckboxNonSi afficher les valeurs de début/fin
showGridcheckboxNonSi afficher les lignes de grille de fond
colorSchemeselectNon—
barHeighttextNonHauteur/épaisseur des barres de plage en pixels
animationDurationtextNonDurée de l'animation en millisecondes
chartHeighttextNonHauteur de la zone du graphique en pixels (pour orientation verticale)

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-range-bar-chart": {
      "name": "range-bar-chart",
      "description": "Graphique affichant les plages min-max et les intervalles de temps, version simplifiée du diagramme de Gantt",
      "baseUrl": "https://api.elysiatools.com/mcp/sse?toolId=range-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": "range-bar-chart",
    "arguments": {
  "rangeData": "JSON format example (Date ranges):\n[{&quot;label&quot;: &quot;Project Phase 1&quot;, &quot;startDate&quot;: &quot;2024-01-01&quot;, &quot;endDate&quot;: &quot;2024-02-15&quot;, &quot;color&quot;: &quot;#4CAF50&quot;},\n{&quot;label&quot;: &quot;Project Phase 2&quot;, &quot;startDate&quot;: &quot;2024-02-10&quot;, &quot;endDate&quot;: &quot;2024-04-01&quot;, &quot;color&quot;: &quot;#2196F3&quot;}]\n\nOr numeric ranges:\n[{&quot;label&quot;: &quot;Product A&quot;, &quot;minValue&quot;: 50, &quot;maxValue&quot;: 120, &quot;color&quot;: &quot;#FF9800&quot;},\n{&quot;label&quot;: &quot;Product B&quot;, &quot;minValue&quot;: 80, &quot;maxValue&quot;: 180, &quot;color&quot;: &quot;#4CAF50&quot;}]",
  "chartTitle": "Range Analysis Chart",
  "orientation": "horizontal",
  "showLabels": true,
  "showValues": true,
  "showGrid": true,
  "colorScheme": "blue",
  "barHeight": "30",
  "animationDuration": "1000",
  "chartHeight": "400"
}
  }
}
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