logo🇫🇷

Ajouter une jauge pour visualiser une valeur clé

Ajoutez un composant Jauge à une page d'application pour visualiser une valeur par rapport à un objectif, comme un chiffre d'affaires ou un taux de complétion.

4 minutes
Débutant
8 octobre 2026

Dans ce tutoriel, vous allez ajouter une jauge à une page d'application pour visualiser une valeur par rapport à un objectif, par exemple un chiffre d'affaires atteint sur un objectif annuel.


1. Ajouter un composant Jauge

Sur une page de votre application, glissez le bloc Jauge, situé dans la section Graphiques et visualisation de la barre latérale des composants, vers un container de la page.

Capture d’écran 2026-09-07 à 17.40.30.png

2. Renseigner le titre et le sous-titre

Complétez les champs Titre et Sous-titre pour indiquer ce que représente la jauge.


3. Associer les deux valeurs de la jauge

Dans Valeurs de la jauge, associez Valeur 1 à la donnée atteinte et Valeur 2 à l'objectif de référence.

Le remplissage de la jauge représente la proportion entre les deux.


4. Personnaliser l'affichage

Renseignez le Texte du bas et, si besoin, la Devise à afficher à côté de la valeur centrale.


Résultat

La jauge affiche la Valeur 1 rapportée à la Valeur 2, avec votre titre, sous-titre et texte du bas. Elle se met à jour automatiquement lorsque les données sources changent.



Pour aller plus loin

Démarrez dès aujourd’hui

Pourquoi faire compliqué quand on peut faire Kis.


Kis logo white

© KIS. 2026