Quels formats de données sont acceptés ?

L'outil accepte des valeurs simples (0-100), des paires étiquette:valeur, ou un tableau JSON structuré.

Puis-je personnaliser les couleurs ?

Oui, vous pouvez choisir parmi des schémas prédéfinis ou définir vos propres couleurs via des codes hexadécimaux.

L'animation est-elle obligatoire ?

Non, vous pouvez désactiver l'option 'Animé' dans les paramètres si vous préférez une vue statique.

Quelle est la taille maximale d'un anneau ?

La taille de l'anneau peut être ajustée entre 100 et 400 pixels selon vos besoins d'affichage.

Puis-je afficher plusieurs anneaux en même temps ?

Oui, en saisissant plusieurs entrées dans le champ de données, l'outil générera automatiquement une série d'anneaux.

Elysia Tools

Navigation mobile

Data Visualization

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

Exécution

Exécuter cet outil

Remplissez le formulaire, lancez l’outil et consultez le résultat au même endroit.

Entrées

Les options sont groupées pour rendre les longs formulaires plus lisibles.

12 réglages

ContenuCollez ou saisissez les valeurs principales.3

Données de ProgrèstextareaRequisValeurs de progrès (0-100). Supporte le tableau JSON avec étiquettes, paires simples étiquette:valeur ou juste des valeursTitre du GraphiquetextOptionnelTitre qui sera affiché au-dessus du graphiqueCouleurs PersonnaliséestextOptionnelCouleurs personnalisées pour les anneaux de progrès (couleurs hex séparées par des virgules)

RéglagesAjustez formats, plages, nombres et modes.6

Taille de l'AnneaunumberOptionnelTaille de chaque anneau de progrès en pixelsÉpaisseur de l'AnneaunumberOptionnelÉpaisseur du trait de l'anneau de progrèsAngle de DépartnumberOptionnelAngle de départ en degrés (-90 = haut, 0 = droite, 90 = bas, 180 = gauche)Schéma de CouleursselectOptionnelDurée d'AnimationnumberOptionnelDurée de l'animation de progrès en millisecondesCouleur de FondcolorOptionnelCouleur de fond pour le conteneur du graphique

OptionsActivez ou désactivez les comportements optionnels.3

Afficher le PourcentagecheckboxOptionnelActivé si cochéAfficher la valeur de pourcentage au centre de chaque anneauAfficher l'ÉtiquettecheckboxOptionnelActivé si cochéAfficher l'étiquette sous chaque anneau de progrèsAnimécheckboxOptionnelActivé si cochéAnimer les anneaux de progrès lorsqu'ils se chargent

Résultat

Prêt à exécuter

Après exécution, les fichiers, textes, données structurées ou sorties en flux apparaîtront ici.

Exemples

Exemples adaptés à cet outil

Associé

Graphique d'Anneau de Progrès

Exécuter cet outil

Entrées

Résultat

Exemples adaptés à cet outil

Continuer avec des outils et dossiers associés

Entrées

Résultat

Découvrez quand utiliser cet outil, ce qu'il prend en charge et comment les utilisateurs l'appliquent.

Points clés

Aperçu

Quand l’utiliser

Fonctionnement

Cas d’usage

Exemples

1. Suivi des objectifs trimestriels

2. Tableau de bord de performance

FAQ

Exemples Avancés d'Application Grafana

Exemples de Codes QR

Exemples D3.js Data Visualization

Exemples Toolchain JavaScript Rome

Graphique d'Étoiles de Notation

Générateur de Graphique en Rose

Générateur de Graphique en Flux

Générateur de Frise Chronologique

Générateurs de Graphiques et Diagrammes

Generateurs de schemas JSON, donnees mock et fixtures API

Générateurs de code typé depuis JSON (TypeScript, Go, Rust, Kotlin, Java, C#)

Outils d interchange JSON et de traduction de formats