Graphique - Gauges

GAUGE_LINEAIRE - GAUGE_CIRCULAIRE - GAUGE_BARRE

Généralités - Gauges linéaires, circulaires et barres

La fonction graphique de DataChain est accessible depuis le module HandleData handleData-color.png.

Le nombre de graphiques DataChain pouvant être créés n’est pas limité.

Cette fonction permet de présenter des sources de données sous forme de graphiques. Plusieurs types de graphiques sont disponibles.

GAUGE_LINEAIRE.svg Gauge Linéaire
GAUGE_CIRCULAIRE.svg Gauge Circulaire
GAUGE_BARRE.svg Gauge Barre

Au même titre que les autres composants, les graphiques DataChain peuvent être intégrés aux Tableaux de Bord.

Création d’un graphique de type Gauge

Liste des graphiques existants

La création d’un graphique (comme l’ensemble des opérations sur les présentations) est réalisée depuis le module HandleData handleData-color.png.

Étape 1

  • Accéder au module HandleData Logo HandleData

  • 1 Choisir, dans le menu gauche HandleData, l’option Graphique associée à l’icône chart-line

Accès à la liste des graphiques

Les Métadonnées

Étape 2

  • 2 Cliquer sur le bouton Nouveau

  • Un écran permet de choisir le type de graphique souhaité :

    • Pour réaliser un graphique de type Gauge circulaire choisir l’icône GAUGE_CIRCULAIRE

    • Pour réaliser un graphique de type Gauge linéaire choisir l’icône GAUGE_LINEAIRE

    • Pour réaliser un graphique de type Gauge barre choisir l’icône GAUGE_BARRE

  • Chaque graphique possède un panneau de métadonnées. La saisie d’un libellé court est obligatoire.

Metadata d’un nouveau graphique

Des zones de saisie optionnelles permettent d’apporter plus de description. Une icône peut ainsi être affectée à un graphique.

  • information Il est conseillé d’enregistrer le panneau des métadonnées dès la saisie effectuée. Utiliser le bouton Bouton enregistrer situé dans la partie droite du bandeau supérieur de l’écran de création du graphique.

Onglet - Sources de données

Étape 3

  • Au moins une source de données est nécessaire pour la création d’un graphique. Utiliser l’icône ajouter une source pour accéder à la liste des sources disponibles. cf. Documentation DataBlock

information Les sources proposées sont en rapport avec les droits de l’utilisateur en cours.

information Il est possible, d’intégrer à la volée, un fichier avec séparateur. Pour cela, utiliser la fonction Intégration Rapide via l’icône Icône intégration rapide située dans le bandeau de l’application HandleData.

1 Les sources sont alimentées par les DataBlocks. Il est possible, au niveau de chaque source, de réaliser des opérations permettant d’adapter, pour une présentation, le ou les blocs de données d’origine en cliquant sur l’icône Icône éditer.

2 Affiche une succession d’opérations comme la génération de formules, de filtres, d’agrégations, de tris, la modification des labels et des types.

Opérations sur sources Handle

Étape 4

La liste des sources disponibles se présente sous la forme d’un tableau. Dans la liste proposée, choisir une (ou plusieurs) sources puis double-cliquer sur la ligne ou utiliser le bouton Valider pour affecter la source au graphique.

Choix des sources

1 Rafraîchit la liste des sources disponibles 2 Valide l’affectation de la source. Il est nécessaire, avant cette opération, de choisir une source en sélectionnant une ligne dans le tableau des sources 3 Retour à la liste des sources affectées au graphique

Attention Contrairement aux TimeLines ou aux Cartes, une seule source peut être affectée

Étape 4 Bis (optionnelle)

  • Si besoin, l’utilisateur peut apporter des modifications aux sources choisies.

    • Ajout de formules créant de nouvelles valeurs

    • Génération de filtres

    • Tris

    • Agrégations

  • Dans ce cas, sélectionner une des sources affectées au graphique en cours. Utiliser l’icône edit située en bout de ligne (ou bien cliquer sur le libellé de la source). Réaliser alors les modifications nécessaires. Enregistrer les modifications en utilisant le bouton Valider puis l’icône Bouton retour pour revenir à la liste des sources du graphique en cours.

Onglet - Paramètres

Paramètres Généraux

Paramètres généraux des graphiques

  • Titre : Titre du graphique

    • Font : Police de caractères utilisée pour le titre du graphique

    • Couleur : Couleur du titre du graphique.

    • Taille : Taille de la police de caractères du titre du graphique.

  • Sous-Titre : Sous-Titre du graphique

    • Font : Police de caractères utilisée pour le sous-titre du graphique.

    • Couleur : Couleur du sous-titre du graphique.

    • Taille : Taille de la police de caractères du sous-titre du graphique.

  • Palette : Palette de couleurs associée au graphique

  • Légende : Précise si la légende est visible ou non

    • Cadre : Précise la présence d’un cadre autour de la légende.

    • Position : Précise la position de la légende

      • soit à l’intérieur du graphique (Intérieur)

      • soit à l’extérieur du graphique (Extérieur).

    • Orientation : Précise l’orientation de la légende

      • soit horizontale

      • soit verticale.

    • Alignement vertical : Spécifie l’emplacement de la légende, en haut (Haut), en bas (Bas) ou centrée (Centré).

    • Alignement horizontal : Spécifie l’emplacement de la légende, à droite (Droite), à gauche (Gauche) ou centrée (Centré).

  • Zoom : Précise si le zoom est actif ou inactif.

  • Scroll : Précise si le défilement est actif ou inactif.

  • Export : Précise si le panneau permettant de réaliser un export du graphique est actif ou inactif. Les exports possible sont : PNG, JPEG, PDF, SVG et module d’impression

  • Inversé : Pivote de 90° le graphique. L’axe des ordonnées devient un axe horizontal et l’abscisse devient un axe vertical.

  • Tooltip : Permet de définir le contenu de l’infobulle. L’ensemble des colonnes de la source peut y être intégré.

Gauge Linéaire

Paramétrage

visualisationgaugelineaire

  • Valeur : Valeur représentée sur la gauge.

    • Indicateur : Format de l’indicateur représentant la valeur.

    • Couleur : Couleur de l’indicateur représentant la valeur.

  • Orientation : Sens de la gauge linéaire.

    • soit horizontal

    • soit vertical.

  • Scale

    • Début : Valeur Minimum de la gauge linéaire.

    • Fin : Valeur Maximum de la gauge linéaire.

    • Interval : Valeur des découpages entre la valeur minimum et la valeur maximum

  • Découpage : Le découpage permet de définir plusieurs zones entre le minimum et le maximum. Une couleur peut être précisée pour chaque zone. n découpages sont possibles.

    • Début : Valeur de début de la zone

    • Fin : Valeur de fin de la zone

    • Couleur : Fixe une couleur à la zone découpée

    • Couleur : Issue des valeurs de colonnes de la source de données. Permet de définir une colonne de la source contenant une référence de couleur.

Onglet - Visualisation Gauge Linéaire

Réalise la visualisation de la Gauge Linéaire en tenant compte de l’ensemble des paramètres précisés dans l’écran de paramétrage.

visualisation gauge linéaire

Gauge Barre

Paramétrage

paramétrage gauge barre

  • Géométrie : Permet de définir la forme de la gauge barre, c’est-à-dire, la forme de l’arche.

Deux valeurs sont nécessaires :

  • une valeur d’angle pour la position de début.

  • une valeur d’angle pour la position de fin. Ces valeurs sont exprimées en degré.

    • Début d’angle : Valeur en degré de l’angle de début

    • Fin d’angle : Valeur en degré de l’angle de fin

      • Bornes

    • Valeur de début : Permet de préciser la valeur correspondant au début la gauge barre.

    • Valeur de fin : Permet de préciser la valeur correspondant à la fin de la gauge barre.

      • Valeur : Permet de définir la valeur d’une barre (n sont possibles).

    • Couleur fixe : Permet de définir la couleur qui est affectée à la barre. Il est à noter que si une colonne est définie dans le paramètre suivant (couleur issue d’une colonne) et que la valeur de la couleur n’est pas conforme, la couleur fixe définie sera alors affectée par défaut.

    • Couleur issue de colonne de la source : Permet de définir une colonne contenant des valeurs de couleur au format hexadécimal (exemple #00FFFF). Il est à noter que si une valeur de couleur n’est pas conforme, la couleur fixe définie sera affectée par défaut.

Onglet - Visualisation Gauge Barre

visualisation-gauge-barre

Représente la Gauge barre en tenant compte de l’ensemble des paramètres précisés depuis de l’écran de paramétrage.

Gauge Circulaire

Paramétrage

paramétrage-gauge-circulaire

  • Valeur : Valeur de référence positionnée sur la gauche circulaire

  • Géométrie : Permet de définir la forme de la gauge circulaire, à savoir, la forme de l’arche. Deux valeurs sont nécessaires :

    • Valeur d’angle pour le début

    • Valeur de fin Ces valeurs sont exprimées en degré

      • Borne Début d’angle : Valeur en degré de l’angle de début

      • Borne Fin d’angle : Valeur en degré de l’angle de fin

  • Scale

    • Début : Permet de préciser la valeur correspondant au début de la gauge circulaire.

    • Fin : Permet de préciser la valeur correspondant à la fin de la gauge circulaire.

    • Intervalle : Permet de définir la valeur du sous-intervalle entre la valeur de début et la valeur de fin.

  • Découpage : Permet de définir une plage du cercle. Une plage est définie par une valeur de début, une valeur de fin et une couleur (n possibles).

    • Début : Valeur de début du découpage

    • Fin : Valeur de fin du découpage

    • Couleur Fixe : Permet de définir la couleur qui est affectée à la barre. Il est à noter que si une colonne est définie dans le paramètre suivant (Couleur issue d’une colonne) et que la valeur de la couleur n’est pas conforme, la couleur fixe définie sera affectée par défaut.

    • Couleur issue de colonne de la source : Permet de définir une colonne contenant des valeurs de couleur au format hexadécimal (exemple #00FFFF). Il est à noter que si une valeur de couleur n’est pas conforme la couleur par défaut sera attribuée.

  • Bornes

    • Valeur : Permet de positionner n sous-valeurs au niveau de la gauge circulaire (n possibles).

Onglet - Visualisation Gauge Circulaire

Représente la Gauge circulaire en tenant compte de l’ensemble des paramètres précisés depuis l’écran de paramétrage.

visualisation-gauge-circulaire

Édition d’un graphique DataChain

  • Module HandleData. Menu Graphique Icône Chart line

  • Au niveau de la liste des graphiques, recherche du graphique. Il est possible d’utiliser les fonctions de recherche et de tri présentes au niveau de chaque colonne.

  • Sélectionner la ligne

  • Cliquer sur le libellé du graphique ou sur l’icône edit en bout de ligne.

Suppression d’un graphique

  • Module HandleData. Menu Graphique Icône Chart line

  • Au niveau de la liste des graphiques, recherche du graphique à supprimer. Il est possible d’utiliser les fonctions de recherche et de tri présentes au niveau de chaque colonne.

  • Sélectionner la ligne

    • Option 1 : Utiliser le bouton l’icône suppression en bout de ligne et confirmer l’action.

    • Option 2 :

      • Cliquer sur le libellé du graphique ou sur l’icône edit en bout de ligne.

      • Une fois en édition du graphique. Cliquer sur le bouton Supprimer et confirmer l’action.

Quick Référence

Création d’une représentation de type Gauge

  • GAUGE_CIRCULAIRE Gauge Circulaire

  • GAUGE_LINEAIRE Gauge Linéaire

  • GAUGE_BARRE Gauge Barre

À partir du module HandleData Logo HandleData :

Étapes Objectif Action Repères

1

Accès au module HandleData

Clic sur le logo

Logo HandleData

2

Accès à la liste des Graphiques

Clic sur l’icône

chart-line

3

Nouveau Graphique

Clic sur icône sur le bouton

Nouveau

4

Ajouter des métadonnées

Saisie des informations

Libellé Obligatoire

5

Choisir un type de Graphique

Clic sur l’une des icônes

GAUGE_CIRCULAIRE,GAUGE_LINEAIRE,GAUGE_BARRE

6

Affectation d’une source

Clic sur le bouton Ajouter source

Ajouter une source

7

Paramétrage du Graphique

Clic sur onglet Paramétrage

8

Visualisation du Graphique

Clic sur onglet Visualisation