View Categories

Jauges : Circulaire simple, Demi-cercle, Multi-catégorie, Pourcentage

Table des matières

Sommaire #

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 #

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 :

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

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 :

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 #

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
Retour en haut