Quels formats de données sont acceptés ?

Vous pouvez saisir des valeurs uniques, des listes de paires label:valeur ou un tableau JSON structuré.

Puis-je personnaliser les couleurs des zones ?

Oui, vous pouvez définir des couleurs hexadécimales personnalisées pour représenter différentes zones de performance.

Est-il possible d'animer l'aiguille ?

Oui, une option d'animation est disponible pour rendre le chargement du graphique plus dynamique.

Puis-je afficher plusieurs compteurs simultanément ?

Oui, en saisissant plusieurs lignes de données, l'outil génère automatiquement plusieurs compteurs.

Les graduations sont-elles obligatoires ?

Non, vous pouvez choisir d'afficher ou de masquer les graduations et les valeurs d'échelle selon vos besoins.

Elysia Tools

Navigation mobile

Data Visualization

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

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.

16 réglages

ContenuCollez ou saisissez les valeurs principales.3

Données du GraphiquetextareaRequisDonnées pour le graphique compteur. Supporte valeur unique, valeurs multiples ou format de tableau JSONTitre du GraphiquetextOptionnelTitre qui sera affiché au-dessus du graphiqueCouleurs du CompteurtextOptionnelCouleurs pour les zones du compteur (couleurs hex séparées par des virgules, typiquement 3 couleurs pour vert-jaune-rouge)

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

Style d'AiguilleselectOptionnelTaille du GraphiquenumberOptionnelTaille de chaque compteur en pixels (pour plusieurs compteurs, affecte la taille individuelle)Valeur MinimalenumberOptionnelValeur minimale pour l'échelle du compteurValeur MaximalenumberOptionnelValeur maximale pour l'échelle du compteurAngle de DépartnumberOptionnelAngle de départ en degrés (-90 = gauche, 0 = haut, 90 = droite)Angle de FinnumberOptionnelAngle de fin en degrésCouleur de FondcolorOptionnelCouleur de fond pour le conteneur du graphique

OptionsActivez ou désactivez les comportements optionnels.6

Afficher la ValeurcheckboxOptionnelActivé si cochéAfficher la valeur réelle au centre du compteurAfficher l'ÉtiquettecheckboxOptionnelActivé si cochéAfficher l'étiquette sous le compteurAfficher les GraduationscheckboxOptionnelActivé si cochéAfficher les graduations et valeurs d'échelle autour du compteurAfficher les Zones de CouleurcheckboxOptionnelActivé si cochéAfficher les zones colorées (vert-jaune-rouge) sur le compteurAiguille AniméecheckboxOptionnelActivé si cochéAnimer le mouvement de l'aiguille lorsque le graphique se chargeAfficher le PourcentagecheckboxOptionnelActivé si cochéAfficher la valeur de pourcentage avec la valeur réelle

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é

Générateur de Compteur

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 de vente

2. Tableau de bord de performance technique

FAQ

Exemples Avancés d'Application Grafana

Exemples JSON de Terraform Plan

Exemples D3.js Data Visualization

Exemples de Codes QR

Suppresseur de Caractères BOM

Limiteur de Plage de Données

JSON Key Extractor

Bar Chart Generator

Générateurs de Graphiques et Diagrammes

Outils d interchange JSON et de traduction de formats

Outils d inspection, de diff et de transformation JSON

Generateurs de schemas JSON, donnees mock et fixtures API