Graphiques - Aire, Ligne ou Bâton

Généralités - Aire, Ligne et Bâton

La fonction graphique de DataChain est accessible depuis le module de présentation HandleData Logo HandleData

Le nombre de graphiques DataChain n’est pas limité.

Cette fonction permet de représenter des sources de données (DataBlock) sous forme de graphique de type Aire, Ligne ou Bâton.

3 types de graphique sont disponibles :

Icône ChartArea Aire Icône Chartline Ligne Icône ChartBar Bâton

Au même titre que les autres présentations (TimeLines, (Cartes, Indicateurs,…​), les graphiques, une fois constitués, peuvent être intégrés dans le module Tableaux de Bord.

Création d’un graphique Aire, Ligne ou Bâton

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, l’option Graphique associée à l’icône chart-line

  • 2 Cliquer sur le bouton Nouveau

Accès à la liste des graphiques

Les Métadonnées

Étape 2

  • Un écran permet de choisir le type de graphique souhaité. Pour réaliser un graphique de type Ligne, Bâton ou Aire, cliquer sur l’une des icônes suivantes : choix chart

  • Chaque graphique possède une métadonnée. info rouge La saisie d’un libellé est obligatoire.

Vue Métadonnée

Des zones optionnelles de saisie permettent d’apporter plus de description au graphique. Une icône peut aussi être affectée aux métadonnées d’un graphique.

  • information Il est conseillé d’enregistrer la métadonnée dès la saisie effectuée. Utiliser le bouton Bouton enregistrer situé dans la partie droite du bandeau haut de l’écran présentation.

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 magic située dans le bandeau haut 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
Le format d’affichage des Dates doit être défini dans la troisième étape pour être visible dans la Visualisation.

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 Permet de rafraîchir la liste des sources disponibles

2 Permet de valider l’affectation de la source. Il est nécessaire, avant de valider l’affectation de choisir une source en sélectionnant une ligne dans le tableau des sources.

trois Permet de retourner à la liste des sources affectées au graphique.

  • information Contrairement aux TimeLines ou aux Cartes, seule une source peut être affectée aux graphiques.

    *Étape 4 Bis (optionnelle)

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

    • 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 cliquer sur 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

Généralités

Paramètres généraux des graphiques

  • Légende et titres

    • 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.

    • 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

        • verticale

      • Alignement vertical : Définit la position verticale de la légende :

        • en haut (haut)

        • en bas (Bas)

        • ou centrée (Centré)

      • Alignement horizontal : Définit la position horizontale 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 scroll est actif ou inactif.

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

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

    • Tooltip : tag.svg Permet de définir le contenu du tooltip. L’ensemble des colonnes de la source peut être intégré au tooltip.

Paramétrage Aire, Ligne et Bâton

Paramétrages graphiques avancés

  • Type de Graphique Attention Zone Obligatoire

    1 Cette zone permet de choisir le type de ligne, de bâton ou d’aire qui est utilisé pour le graphique.

    Spline Aire
Aire Empilée
Aire Empilée Normalisée
Aire Spline Empilée
Aire Spline Empilée Normalisée
Aire
    Baton
Bâton Empilés
Bâtons Empilés Normalisés
    Ligne
Spline
Ligne Empilée
Ligne Empilée Spline
Ligne Empilée Normalisée
Ligne Empilée Spline Normalisée
Ligne En créneaux

Des options sont disponibles pour préciser :

  • si un cercle est présent au niveau de chaque point de la ligne

  • la couleur de représentation de la série

  • le style de la série : continu, en pointillé ou constitué de tirets

  • Abscisses : (Axe des x)

    • Titre : Attribue un nom à l’axe des abscisses.

    • Type : Précise le type Chaîne de caractères, Numérique ou Date des valeurs de l’axe des abscisses. information Il est à noter que le choix du type détermine le comportement de l’axe (tout particulièrement le tri de l’axe).

    • Inversé : Inverse l’ordre des valeurs de l’axe des abscisses.

    • Position : Repositionne l’axe des abscisses. En fonction de la position inversée ou non du graphique, deux cas sont possibles :

      • Si le graphique est inversé, l’abscisse peut être située à droite ou à gauche.

      • Si le graphique n’est pas inversé, l’abscisse peut être située en haut ou en bas.

    • Type : Précise le type de l’axe des ordonnées. 3 options sont possibles :

      • Continu

      • Normal

      • Logarithmique Affiche les valeurs numériques. Chaque valeur est la valeur logarithmBase élevée à une certaine puissance. Par exemple, logarithmBase égal à 10 génère les valeurs suivantes: 10-2, 10-1, 100, 101, 102, etc. L’axe logarithmique est utile lorsque vous visualisez un jeu de données de valeurs à croissance rapide.

    • Zone de croisement : La zone de croisement est un pointeur représenté par deux lignes se croisant qui s’étendent sur tout le graphique. Les deux lignes aident l’utilisateur à identifier les valeurs des points de série avec précision. Lorsque cette option est activée, les deux lignes suivent le curseur et s’accrochent au point de série le plus proche.

    • Style de la zone de croisement : Permet de définir le format de présentation de la zone de croisement soit

      • Tiret

      • Point

      • Tiret long

      • Continu

    • Label

      • Mode : Précise le mode d’affichage des libellés de l’abscisse. 3 choix sont possibles :

        • Normal : Les libellés se positionnent sur une seule ligne.

        • Pivoté : Les libellés se positionnent en fonction d’un angle (90° par défaut). La valeur de l’angle doit être précisée au niveau de la zone Angle.

        • Sur deux lignes : Les libellés se positionnent sur deux lignes.

      • Angle : si le mode est égal à Pivoté, précise la valeur de l’angle d’inclinaison des libellés.

      • Wordwrap : Précise le comportement du libellé en cas de longueur importante du label. 3 valeurs sont possibles :

        • Entre mots : Le texte se sépare uniquement aux points d’arrêt autorisés (par exemple, un espace entre deux mots).

        • Automatique : Les mots peuvent être cassés s’il n’y a pas de points d’arrêt disponibles dans la ligne.

        • Sans : Le retour à la ligne est désactivé.

  • Ordonnées (Axe des y)

    • Titre : Attribue un nom à l’axe des ordonnées.

    • Type : Précise le type Chaîne de caractères, Numérique ou Date des valeurs de l’axe des ordonnées.

    • Inversé : Inverse l’ordre des valeurs de l’axe des ordonnées.

    • Position : Repositionne l’axe des ordonnées. Plusieurs possibilités en fonction de la position inversée ou non du graphique. Si le graphique est inversé alors l’axe des ordonnées peut être située en haut ou en bas. Si le graphique n’est pas inversé alors l’axe des ordonnées peut être située à droite ou à gauche.

    • Type : Précise le type de l’axe des ordonnées. 3 choix sont possibles :

      • Continu

      • Normal

      • Logarithmique Affiche les valeurs numériques. Chaque valeur est la valeur logarithmBase élevée avec une certaine puissance. Par exemple, logarithmBase égal à 10 génère les valeurs suivantes: 10-2, 10-1, 100, 101, 102, etc. L’axe logarithmique est utile lorsque vous visualisez un jeu de données de valeurs à croissance rapide.

    • Valeur de début : Permet de préciser la valeur de début de l’axe des ordonnées.

  • 2 Constantes : L’option lignes de constante permet de positionner n lignes de constantes sur l’axe des ordonnées. Chaque ligne de constante est définie un titre, une valeur, un style et une couleur.

    • Titre : Libellé de la ligne de constante.

    • Valeur : Valeur (numérique entier) de la constante.

    • Style : Plusieurs styles sont possibles. Continu, Tiret long, Tiret, Point, Tiret et point, Tiret long et point

    • Couleur : Précise la couleur de la ligne de constante.

    • Épaisseur : Précise l’épaisseur de chaque ligne de constante.

  • 3 Séries : Permet d’ajouter une ou plusieurs série(s) de valeurs sur la même abscisse. Pour chaque série, les options suivantes sont possibles :

    • Un titre

    • La valeur à représenter (choix parmi les colonnes de la source)

    • Le type de graphique

    • La présence de points

    • La couleur de la représentation

    • L’aspect de la représentation

    • Axe séparé : Option qui permet de préciser si l’axe des ordonnées de cette nouvelle série doit être séparé.

Cliquer sur le bouton Valider pour enregistrer les paramètres

Onglet - Visualisation

Permet de visualiser le graphique en fonction des paramètres définis.

Onglet visualisation

Édition d’un graphique DataChain

  • Module HandleData. Menu Graphique chart-line

  • Au niveau de la liste des graphiques, rechercher le graphique dans la liste. 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 Logo HandleData. Menu Graphique 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 Edition du graphique. Cliquer sur le bouton Supprimer et confirmer l’action.

Quick Référence

Création d’un graphique de type Ligne, Bâton ou Aire Choix du graphique

À partir du module HandleData Logo HandleData :

Étapes Objectif Action Repères

1

Accès à la liste des graphiques

Clic sur icône Graphique

chart-line

2

Nouveau Graphique

Clic sur icône Nouveau

Nouveau

3

Choisir un type de graphique

Clic sur l’une des icônes

Choix du graphique

4

La métadonnée

Saisir des informations

Libellé Obligatoire

5

Affectation d’une source

Clic sur icône Nouvelle source

Ajouter une source

6

Paramétrage du graphique

Clic sur onglet Paramétrage

7

Visualisation du graphique

Clic sur onglet Visualisation