La jauge radiale utilise un arc de cercle pour afficher l’avancement d'une seule valeur qui progresse vers un objectif. Elle est personnalisable en fonction des besoins, avec des options pour définir les valeurs minimales et maximales, les seuils de performance et les couleurs.

Contextes d’utilisation

La jauge peut être utilisée dans différents contextes :

• CRUD

• Widget (une documentation spécifique aux widgets est consultable ici : Tableau de bord et widgets)

Anatomie

Visuel à faire

Open

1. Titre

2. Arc de cercle et échelle

3. Aiguille

Usage

Arc de cercle et échelle

Valeurs minimales et maximales

Toutes les valeurs possibles sont réparties uniformément le long de l’arc, de la valeur minimale (la plus à gauche) à la valeur maximale (la plus à droite). Ces valeurs peuvent être personnalisées.

Seuils et couleurs

A l’intérieur de l’arc de cercle, des seuils peuvent être personnalisés. Ces seuils peuvent être associés à des couleurs spécifiques. Celles-ci doivent suivre la palette divalto.

Echelle

L'échelle est obligatoire. Elle indique la graduation utilisée. Elle doit indiquer à l’utilisateur l’unité utilisée.

Aiguille

L’aiguille représente la progression vers l’objectif à un instant T.

Aujd la couleur de l ‘aiguille est paramétrable par le métier. C’est bien ce qu’on veut ou on veut une couleur uniforme ? → Prévoir une couleur par défaut côté framework

Métrique vs Jauge :

• Métrique = instant t (on peut cliquer sur la donnée et ça amène ailleurs)

• Jauge = contexte global (pas de navigation)

Bonne pratique sur les couleurs

• Comment indiquer des états critiques

• Comment indiquer des progressions

• etc.

Quelles capacité ? :

• affichage de l’unité ?

• tooltip au hover ?

Etat vide à spécifier