Catégories

← View All Tools

Graphique d'Anneau de Progrès

Créer de beaux indicateurs de progrès circulaires avec des animations, parfaits pour afficher des pourcentages, des taux d'achèvement et des métriques de progrès

Valeurs de progrès (0-100). Supporte le tableau JSON avec étiquettes, paires simples étiquette:valeur ou juste des valeurs

Titre qui sera affiché au-dessus du graphique

Taille de chaque anneau de progrès en pixels

Épaisseur du trait de l'anneau de progrès

Angle de départ en degrés (-90 = haut, 0 = droite, 90 = bas, 180 = gauche)

Couleurs personnalisées pour les anneaux de progrès (couleurs hex séparées par des virgules)

Durée de l'animation de progrès en millisecondes

Couleur de fond pour le conteneur du graphique

Afficher la valeur de pourcentage au centre de chaque anneau

Afficher l'étiquette sous chaque anneau de progrès

Animer les anneaux de progrès lorsqu'ils se chargent

Documentation de l'API

Point de terminaison de la requête

POST /fr/api/tools/progress-ring-chart

Paramètres de la requête

Nom du paramètre Type Requis Description
progressData textarea Oui Valeurs de progrès (0-100). Supporte le tableau JSON avec étiquettes, paires simples étiquette:valeur ou juste des valeurs
chartTitle text Non Titre qui sera affiché au-dessus du graphique
ringSize number Non Taille de chaque anneau de progrès en pixels
ringThickness number Non Épaisseur du trait de l'anneau de progrès
startAngle number Non Angle de départ en degrés (-90 = haut, 0 = droite, 90 = bas, 180 = gauche)
colorScheme select Non -
customColors text Non Couleurs personnalisées pour les anneaux de progrès (couleurs hex séparées par des virgules)
animationDuration number Non Durée de l'animation de progrès en millisecondes
backgroundColor color Non Couleur de fond pour le conteneur du graphique
showPercentage checkbox Non Afficher la valeur de pourcentage au centre de chaque anneau
showLabel checkbox Non Afficher l'étiquette sous chaque anneau de progrès
animated checkbox Non Animer les anneaux de progrès lorsqu'ils se chargent

Format de réponse

{
  "result": "
Processed HTML content
",
  "error": "Error message (optional)",
  "message": "Notification message (optional)",
  "metadata": {
    "key": "value"
  }
}
HTML: HTML

Documentation de MCP

Ajoutez cet outil à votre configuration de serveur MCP: 

{
  "mcpServers": {
    "elysiatools-progress-ring-chart": {
      "name": "progress-ring-chart",
      "description": "Créer de beaux indicateurs de progrès circulaires avec des animations, parfaits pour afficher des pourcentages, des taux d'achèvement et des métriques de progrès",
      "baseUrl": "https://elysiatools.com/mcp/sse?toolId=progress-ring-chart",
      "command": "",
      "args": [],
      "env": {},
      "isActive": true,
      "type": "sse"
    }
  }
}

Vous pouvez chaîner plusieurs outils, par ex.: `https://elysiatools.com/mcp/sse?toolId=png-to-webp,jpg-to-webp,gif-to-webp`, max 20 outils.

Si vous rencontrez des problèmes, veuillez nous contacter à [email protected]