Générateur de Compteur

Générer des compteurs personnalisables à partir de données, parfait pour afficher les KPI, métriques et indicateurs de performance

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/gauge-chart-generator' \
  -H 'Content-Type: application/json' \
  -d '{"chartData":"Single gauge:\nSales:85\n\nMultiple gauges:\nSales:85\nMarketing:72\nDevelopment:90\nSupport:68\n\nor JSON format:\n[\n  {\"label\": \"Sales\", \"value\": 85},\n  {\"label\": \"Marketing\", \"value\": 72}\n]","chartTitle":"Entrez le titre du graphique...","needleStyle":"line","gaugeColors":"#10b981,#f59e0b,#ef4444","chartSize":"300","minValue":"0","maxValue":"100","startAngle":"-90","endAngle":"90","backgroundColor":"#ffffff","showValue":true,"showLabel":true,"showTicks":true,"showZones":true,"animated":true,"showPercentage":false}'

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/gauge-chart-generator

Paramètres

Nom	Type	Requis	Description
chartData	textarea	Oui	Données pour le graphique compteur. Supporte valeur unique, valeurs multiples ou format de tableau JSON
chartTitle	text	Non	Titre qui sera affiché au-dessus du graphique
needleStyle	select	Non	—
gaugeColors	text	Non	Couleurs pour les zones du compteur (couleurs hex séparées par des virgules, typiquement 3 couleurs pour vert-jaune-rouge)
chartSize	number	Non	Taille de chaque compteur en pixels (pour plusieurs compteurs, affecte la taille individuelle)
minValue	number	Non	Valeur minimale pour l'échelle du compteur
maxValue	number	Non	Valeur maximale pour l'échelle du compteur
startAngle	number	Non	Angle de départ en degrés (-90 = gauche, 0 = haut, 90 = droite)
endAngle	number	Non	Angle de fin en degrés
backgroundColor	color	Non	Couleur de fond pour le conteneur du graphique
showValue	checkbox	Non	Afficher la valeur réelle au centre du compteur
showLabel	checkbox	Non	Afficher l'étiquette sous le compteur
showTicks	checkbox	Non	Afficher les graduations et valeurs d'échelle autour du compteur
showZones	checkbox	Non	Afficher les zones colorées (vert-jaune-rouge) sur le compteur
animated	checkbox	Non	Animer le mouvement de l'aiguille lorsque le graphique se charge
showPercentage	checkbox	Non	Afficher la valeur de pourcentage avec la valeur réelle

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-gauge-chart-generator": {
      "name": "gauge-chart-generator",
      "description": "Générer des compteurs personnalisables à partir de données, parfait pour afficher les KPI, métriques et indicateurs de performance",
      "baseUrl": "https://api.elysiatools.com/mcp/sse?toolId=gauge-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": "gauge-chart-generator",
    "arguments": {
  "chartData": "Single gauge:\nSales:85\n\nMultiple gauges:\nSales:85\nMarketing:72\nDevelopment:90\nSupport:68\n\nor JSON format:\n[\n  {\"label\": \"Sales\", \"value\": 85},\n  {\"label\": \"Marketing\", \"value\": 72}\n]",
  "chartTitle": "Entrez le titre du graphique...",
  "needleStyle": "line",
  "gaugeColors": "#10b981,#f59e0b,#ef4444",
  "chartSize": "300",
  "minValue": "0",
  "maxValue": "100",
  "startAngle": "-90",
  "endAngle": "90",
  "backgroundColor": "#ffffff",
  "showValue": true,
  "showLabel": true,
  "showTicks": true,
  "showZones": true,
  "animated": true,
  "showPercentage": 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]