--- title: "Jauges : Circulaire simple, Demi-cercle, Multi-catégorie, Pourcentage" description: "## Sommaire ![](https://wiki.biboard.fr/wp-content/uploads/2024/06/V18__Jauges-Jauges-xxx-Menu_01.png) ![](https://wiki.biboard.fr/wp-content/uploads/2024/03/JaugeCirculaire.png) ## Présentation de l'addin Jauge Circulaire Cet addin apporte une sorte d’histogramme en cercle, donnant ainsi une jauge circulaire. Cette jauge peut être mono ou multi-valeurs, et la plupart des paramètres sont configurables. Ce composant peut…" url: "https://wiki.biboard.fr/wiki/jauges-circulaire-simple-demie-cercle-multi-categorie/" updated: "2025-03-03" category: Guide utilisateur / Studio / Tableaux de bord / Jauges --- # Jauges : Circulaire simple, Demi-cercle, Multi-catégorie, Pourcentage ## Sommaire ![](https://wiki.biboard.fr/wp-content/uploads/2024/06/V18__Jauges-Jauges-xxx-Menu_01.png) ![](https://wiki.biboard.fr/wp-content/uploads/2024/03/JaugeCirculaire.png) ## Présentation de l'addin Jauge Circulaire Cet addin apporte une sorte d’histogramme en cercle, donnant ainsi une jauge circulaire. Cette jauge peut être mono ou multi-valeurs, et la plupart des paramètres sont configurables. Ce composant peut être cible de lien (filtre ou paramètre) : il se rafraîchit lorsque sa source de données ou son filtre sont modifiés. Ce composant peut être source de lien : il a alors la capacité de rafraîchir ses composants cibles lorsque l'utilisateur clique sur une série. Il est aussi capable de déclencher un lien hypertexte lors de la sélection d'un élément. ## Utilisation Cet addin est un composant amChart4. Il est fourni avec plusieurs pré-configurations. ## Propriétés simples ![](https://wiki.biboard.fr/wp-content/uploads/2024/06/V18__Jauges-Jauges-xxx-Bandeau_01.png) Note : l'icône varie en fonction du composant jauge sélectionné. ### Nom / Infobulle / Visibilité / Rafraîchissement auto ``` Pour plus d'informations voir Propriétés simples ``` ## Edition Web : [nom du composant] ### Propriétés #### Liaison de données Il s'agit de tous les éléments permettant de lier le fonctionnement de la jauge à la source de données : ![](https://wiki.biboard.fr/wp-content/uploads/2024/03/DataSourceCirculaire.png) ##### Catégorie ``` Champ de la datasource contenant le nom de la série : obligatoire. ``` ##### Valeur ``` Champ de la datasource contenant la valeur à afficher : obligatoire. ``` ##### Champ de référence pour les liens sortants ``` Identifie le champ qui se passé aux les liens sortants. ``` ##### Min ``` Champ de la datasource contenant le minimum. ``` ##### Max ``` Champ de la datasource contenant le maximum. ``` ##### Description personnalisée ``` Champ de la datasource contenant la description personnalisée affichée au survol. Si cette zone n'est pas renseignée, c'est la catégorie et/ou la valeur qui sont affichées au survol de la série. ``` ##### URL cible ``` Champ de la datasource contenant le lien à déclencher lors du clic sur la série. ``` ##### Cible du lien hypertexte ``` Champ de la datasource contenant la cible du lien : _self (défaut), _blank, _top, _parent ou id d'une iframe. ``` ##### Rafraîchissement automatique ``` Indique si un clic sur une série doit rafraîchir les composants cibles. ``` Note : si la jauge utilisée est capable d'afficher une seule valeur, c'est la première ligne de la source de données qui sera utilisée. #### Paramètres texte Il s'agit de tous les éléments permettant de configurer le texte de la jauge circulaire: Note : tous les paramètres ne sont pas forcément définies pour tous les type de jauges ![](https://wiki.biboard.fr/wp-content/uploads/2024/06/V18__Jauges-Jauges-xxx-EditionWeb-Proprietes-Parametres-texte_01-1024x534.png) ##### Alignement horizontal du texte de la catégorie ``` Alignement du texte par rapport à sa colonne sur l'axes horizontal : none, right (défaut), middle, left. ``` ##### Alignement vertical du texte de la catégorie ``` Alignement du texte par rapport à sa colonne sur l'axes vertical : none, top, middle (défaut), bottom. ``` ##### Alignement horizontal du texte de l'étiquette ``` Définit la position de l’étiquette sur l'axe horizontal : none, right, middle (défaut), left. Fonctionne seulement pour la jauge avec une seule valeur. ``` ##### Alignement vertical du texte du l'étiquette ``` Définit la position du l’étiquette sur l'axe vertical : none, top, middle (défaut), bottom. Fonctionne seulement pour la jauge avec une seule valeur. ``` ##### Alignement horizontal du texte des étiquettes dans l'axe ``` Définit la position du l’étiquette de chaque attribut sur l'axe horizontal : none, top, middle (défaut), bottom. ``` ##### Alignement vertical du texte des étiquettes dans l'axe ``` Définit la position du l’étiquette de chaque attribut sur l'axe vertical : none, top, middle (défaut), bottom. ``` ##### Police ``` Taille du texte sur l'axe des valeur : 10 (défaut). ``` ##### Taille du texte de l'axe extérieur ``` Taille du texte de l'axe extérieur : 10 (défaut). ``` ##### Taille du texte de la légende ``` Taille du texte de la légende : 10 (défaut). ``` ##### Taille du texte des étiquettes ``` Taille de l’étiquette de la figure (fonctionne seulement pour la jauge avec une seule valeur) : 25 (défaut). ``` ##### Taille du texte dans l'axe ``` Inherit : 10 (défaut). ``` #### Apparence du composant Il s'agit de tous les éléments permettant de configurer l’apparence de la jauge : ![](https://wiki.biboard.fr/wp-content/uploads/2024/03/ApparanceComposantCirculaire.png) ##### Couleur principale ``` Définit la couleur du gradient de couleurs des axes. ``` ##### Couleur du texte de l'axe extérieur ``` Couleur du texte sur l'axe des valeurs. ``` ##### Couleur de la grille verticale ``` Couleur de la grille verticale. ``` ##### Couleur des étiquettes ``` Couleur des étiquettes de la figure (fonctionne seulement pour la jauge avec une seule valeur). ``` ##### Couleur des étiquettes dans l'axe ``` Couleur de l’étiquette de chaque attribut. ``` ##### Couleur de la grille horizontale ``` Couleur de la grille horizontale. ``` ##### Couleur de la sélection de la catégorie ``` Couleur de la sélection de la catégorie. ``` ##### Couleur du contour de la série ``` Couleur de contour des maximum. ``` ##### Rayon intérieur ``` Rayon intérieur du composant : 20 (défaut). ``` ##### Padding haut ``` Marge entre la jauge et le bord haut (en pixels) : 0 (défaut). ``` ##### Padding bas ``` Marge entre la jauge et le bord bas (en pixels) : 0 (défaut). ``` ##### Padding droite ``` Marge entre la jauge et le bord droit (en pixels) : 0 (défaut). ``` ##### Padding gauche ``` Marge entre la jauge et le bord gauche (en pixels) : 0 (défaut). ``` ##### Opacité de la grille horizontale (%) ``` Opacité de la grille horizontale (%) : 0 (défaut). ``` ##### Arrondi ``` Permet d'arrondir les terminaisons des axes, s'exprime en en rayon d'arrondi des axes : 0 (défaut). ``` ##### Opacité du couleur de la sélection (%) ``` Opacité de la couleur de la sélection (%) : 30 (défaut). ``` ##### Opacité de la couleur en arriére plan de l'axe (%) ``` Opacité de la couleur en arrière plan (%) : 100 (défaut). ``` ##### Largeur du contour intérieur ``` Largeur de contour des maximums : 0 (défaut). ``` ##### Largeur du contour extérieur ``` Largeur du contour des axes : 0 (défaut). ``` ##### Opacité de la grille verticale (%) ``` Opacité de la grille qui suit le rayon du cercle (%) : 100 (défaut). ``` ##### Ecart des valeurs ``` Séparation entre les valeurs de l'axe des valeurs : 500 (défaut). ``` Note : si une couleur n'est pas spécifiée, c'est la couleur définie dans le thème qui sera utilisée Le fichier du thème qui contient les définitions de couleurs est : \web\resource\themes\NOM_DU_THEME\BiBOARD\SvgGaugeColor.xml ### Paramètres jauge ![](https://wiki.biboard.fr/wp-content/uploads/2024/03/ParametreJaugeCircualaire.png) ##### Activer le curseur de sélection ``` Active le curseur ``` ##### Force l'affichage du min et du max du tableau ``` Force la jauge à utiliser le min et le max du tableau : coché (défaut). ``` ##### Inverser l'axe des valeurs ``` Inverser l'axe des valeurs. ``` ##### Cacher la catégorie ``` Cache la catégorie : coché (défaut). ``` ##### Cacher les étiquettes ``` Cache les étiquettes. ``` ##### Cacher les étiquettes dans l'axe ``` Cache les étiquettes dans l'axe : coché (défaut). ``` ##### Afficher la valeur dans l'axe catégorie ``` Ajoute la valeur a la catégorie : coché (défaut). ``` ##### Montrer la catégorie au survol ``` Montrer la catégorie au survol. ``` ##### Montrer la valeur au survol ``` Montrer la valeur au survol. ``` ##### Début de l'angle ``` Début de l'angle : 0 (défaut). ``` ##### Angle de fin de la jauge ``` Angle de fin de la jauge : 350 (défaut). ``` ##### Fixer le min ``` Utilise le min définit par l'utilisateur : coché (défaut). ``` ##### Fixer le max ``` Utilise le max définit par l'utilisateur. ``` ##### Le min ``` Le minimum : 0 (défaut). ``` ##### Le max ``` La maximum : 100 (défaut). ``` ### Propriétés communes #### Positionnement ``` Suivre le lien : Positionnement ``` #### Apparence ``` Suivre le lien : Apparence ``` #### Comportement ``` Suivre le lien : Comportement ``` #### Modèle de tableau ``` Suivre le lien : Modèle de tableau ``` ### Datasource #### Source de données ``` Suivre le lien : Source de données ```