Widget Gauge
Ce type de widget appartient à la catégorie Dashboards de la bibliothèque des widgets. Pour un élément de dimension donné, il permet de positionner une valeur observée sur une jauge en demi-cercle, à l'aide d'une aiguille ; l'analyse est facilitée grâce à une échelle quantitative avec des seuils définissant la couleur d'affichage des secteurs de la jauge (ex. : rouge, jaune, vert).
Remarques
voir Remarques générales sur les widgets
- Le datasource doit comporter : une colonne Dimension ; une colonne Mesure : Valeur observée.
- Ce diagramme ne peut traiter qu'un seul élément de dimension : le datasource doit comporter uniquement la ligne relative à cet élément, en plus de la ligne d'en-têtes.
- La légende du diagramme à barres correspond à l'élément de dimension.
Bonnes pratiques
- Utilisez le widget Gauge pour positionner une valeur par rapport à des seuils sous forme de secteurs dont la couleur est personnalisable.
- Pour situer une valeur par rapport à un objectif chiffré à l'aide d'un diagramme à barres, utilisez le widget Bullet Chart.
Exemple
Pour le nombre d'incidents en retard (la mesure), visualiser sur une jauge la valeur réalisée (l'aiguille) par rapport à une échelle quantitative divisée en 3 secteurs
| Datasource | Widget Gauge (jauge allant de 0 à 50)
avec une échelle quantitative à 2 seuils (3 intervalles) |
|---|---|
|
|
|
Téléchargez 
Liste des propriétés
Content
DataSource
DataSource : Source de données externes liée au widget.
- La liste déroulante affiche tous les datasources disponibles dans l'application.
- Pour modifier le datasource ou visualiser son contenu, cliquez sur
. Le bouton 
sous la propriété Configure Field Types affiche le nombre de lignes (maximum 15) et de colonnes extraites. - Pour définir un nouveau datasource, cliquez sur
Add Data Source dans le volet Objets.
DataTransformer
Data Transformer : Permet de définir la structure et le périmètre du datasource, d'appliquer des fonctions d'agrégation statistiques et de modifier l'ordre d'affichage des mesures.
- Cliquez sur Setup / Preview Data sous la propriété Data Transformer pour ouvrir la fenêtre dédiée - voir Description
ThresholdsStatus
Thresholds Status : Permet de définir de 1 à 4 seuils quantitatifs (2 à 5 intervalles) sur une échelle de valeurs. Chaque changement de seuil correspond à un changement de couleur de l'échelle.
Les seuils définissent la couleur d'affichage des secteurs de la jauge -
voir Exemple et ProcédureDefineThresholds
| Mode Réduit | Mode Étendu |
|---|---|
|
3 changements de couleur avec 2 seuils
|
5 changements de couleur avec 4 seuils
|
Min Value : Valeur de départ de la jauge. Par défaut, 0.
Max Value : Valeur de fin de la jauge. Par défaut, valeur observée lue dans le datasource.
Data
SortByValueDescending
Sort By Value Descending : Permet de trier les valeurs des éléments de dimension par ordre descendant (case cochée - de la plus grande valeur à la plus petite valeur) ou par ordre de lecture du datasource (case non cochée). Note : L'ordre appliqué est toujours déterminé par les éléments de dimension de la première mesure du datasource.
exemple Afficher un diagramme à barres des incidents et des demandes par employé
Le datasource comprend une dimension Service avec 3 éléments. 
| Case cochée | Case non cochée |
|---|---|
|
Les éléments de dimension de chaque mesure sont triés par ordre descendant. |
Les éléments de dimension de chaque mesure sont affichés suivant l'ordre du datasource. |
MaximumNumberOfData
Maximum Number Of Data : Pour chaque mesure sélectionnée dans le datasource, indique le nombre maximal d'éléments de dimension à charger depuis le datasource.
Renseignez cette propriété pour éviter des problèmes de performance sur de gros ensembles de données.
- Le comptage est toujours effectué à partir du premier élément de dimension.
- Lorsque le nombre d'éléments de dimension à charger est supérieur au nombre d'éléments de dimension du datasource, tout le datasource est chargé.
- Pour visualiser le datasource, cliquez sur en regard de la propriété Datasource, puis sur le bouton sous la propriété Preview qui indique le nombre de mesures et le nombre d'éléments de dimension par mesure.
exemple Afficher un diagramme à barres des incidents et des demandes par employé
Le datasource comprend une dimension Service avec 3 éléments.
|
|
|
|---|---|---|
|
Pour chaque mesure, tous les éléments de dimension sont chargés et affichés, i.e. les 3 services |
Pour chaque mesure, seuls les 2 premiers éléments de dimension sont chargés et affichés, i.e. les 2 premiers services |
Pour chaque mesure, tous les éléments de dimension sont chargés mais seul le premier élément est affiché, correspondant au service Ventes ; un élément de dimension Autres est ajouté, correspondant aux services Marketing et Administration |
Chart
Title : Titre du diagramme, inscrit sous la jauge. Note : Si le champ n'est pas renseigné, c'est le libellé de la colonne Dimension qui est pris en compte.
Width Scale (0.10 - 1.5) : Réglette permettant de modifier l'épaisseur du demi-cercle intérieur gris et du demi-cercle des seuils.
| Épaisseur = 0,2 | Épaisseur = 1,5 |
|---|---|
 |
 |
Show Background Color : Indique si le demi-cercle intérieur gris doit être affiché sur la jauge (case cochée) ou non (case non cochée). Note : Utilisez la propriété Shadow Scale pour modifier l'épaisseur.
| Case cochée | Case non cochée |
|---|---|
 |
 |
Show Shadow : Indique si l'ombre du demi-cercle intérieur gris doit être affichée sur la jauge (case cochée) ou non (case non cochée). Note : Utilisez la propriété Shadow Scale pour modifier l'épaisseur.
| Case cochée | Case non cochée |
|---|---|
 |
 |
Shadow Scale (0.8 - 1.5) : Réglette permettant de modifier l'épaisseur de l'ombre du demi-cercle intérieur gris.
Needle Stroke Color : Indique si le contour de l'aiguille est affiché dans une couleur particulière (case cochée) ou en noir (case non cochée).
Needle Color : Indique si l'intérieur de l'aiguille est affiché dans une couleur particulière (case cochée) ou en noir (case non cochée).
Chart Label -/- Legend
ChartLabelLegendGauge
Propriétés des légendes
| Propriété | Description | Représentation | ||||||||||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Element | Objet à formater |  |
||||||||||||||||||||
| (1) | Legend : Titre du graphique | |||||||||||||||||||||
| (2) | Values : Valeurs des mesures | |||||||||||||||||||||
Propriétés graphiques de l'objet sélectionné
PageGeneralFormat
|
||||||||||||||||||||||
Theme
voir Description des propriétés
Procédure : Comment définir les seuils de valeurs
ProcedureDefineThresholds
Étape 1 : Saisie du nombre de seuils
1. Cliquez sur 
, dans la zone Thresholds Editor Properties > Ranges domain, pour passer en mode Réduit avec 3 seuils.
2. Cliquez sur 
pour passer en mode Étendu avec 5 seuils.
Étape 2 : Saisie des seuils quantitatifs
1. Saisissez, dans la zone Status Thresholds, chaque valeur marquant un changement de couleur.
2. Sélectionnez la couleur de chaque intervalle de valeurs.
- Survolez la zone de couleur, cliquez sur
puis sélectionnez la couleur souhaitée via le Color Picker.
- Vous pouvez également saisir le nom ou le code hexadécimal de la couleur directement dans la zone de couleur.
3. (optionnel) Cliquez sur [ ON ] dans la zone Thresholds Editor Properties > Symmetric colors pour rendre les couleurs des seuils symétriques par rapport à la couleur du seuil central.