Les Graphiques TreeMap

treemap -

Généralités - TreeMap

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

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

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

treemap.svg TreeMap

Au même titre que les autres composants, le TreeMap peut être intégré aux Tableaux de Bord.

Un Treemap, (carte à cases ou carte proportionnelle) est une méthode de visualisation de données. Elle permet de visualiser les informations hiérarchisées en arborescence. Les données sont organisées en niveaux (ici 3 niveaux possibles). Chaque niveau est représenté par un rectangle dont la taille représente la quantité correspondante.

Création d’un graphique de type TreeMap

Liste des graphiques existants

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

É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 TreeMap, choisir l’icône treemap.svg.

  • Chaque graphique possède un panneau des métadonnées. La saisie d’un libellé 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 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.

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 DataBlocks).

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

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

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

  • Pour cela, 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 le libellé de la source). Réaliser 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

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

    • Palette : Palette de couleurs associée au graphique

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

      • Cadre : Indique la présence d’un cadre autour de la légende

      • Position : Indique la position de la légende

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

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

      • Orientation : Indique 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 : Indique si le zoom est actif ou inactif

    • Scroll : Précise si le scroll est actif ou inactif

    • Export : Indique 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

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

Paramétrages Présentation TreeMap

param_treemap

  • Niveau 1 : Colonne de la source contenant les valeurs du niveau 1

  • Niveau 2 : Colonne de la source contenant les valeurs du niveau 2 (Facultatif)

  • Niveau 3 : Colonne de la source contenant les valeurs du niveau 3 (Facultatif)

  • Valeur : Colonne de la source contenant les valeurs permettant de calculer la proportion des aires de chaque segment

  • Mode : Type de représentation des couleurs

  • Couleurs : Précise les couleurs qui vont être appliquées au TreeMap. Deux couleurs doivent être précisées :

    • Couleur affectée au début de dégradé

    • Couleur affectée à la fin du dégradé

  • Échelle : Zone permet de saisir, une suite de code couleur Hexadécimal. Les codes couleurs doivent être séparés par une virgule. Permet de définir un panel de couleur définissant le dégradé.

  • Interactif : Active (ou Inactive) l’option d’inter-activité. Si l’option est activée, il est alors possible de réaliser un forage entre les niveaux.

Onglet - Visualisation

Permet la visualisation du TreeMap en tenant compte de l’ensemble des paramètres précisés dans l’écran de paramétrage.

visualisation du TreeMap

Édition d’un graphique DataChain

  • Module HandleData Logo 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’un graphique de type TreeMap treemap.svg

Étapes Objectif Action Repères

1

Accès au module HandleData

Cliquer sur l’icône des Graphiques

Icône Chart

2

Nouveau Graphique

Cliquer sur l’icône Nouveau

Nouveau

3

Choisir un type de graphique treemap

Cliquer sur l’icône

treemap.svg

4

Ajouter des métadonnées

Saisir des informations

Libellé Obligatoire

5

Affectation d’une source

Cliquer sur icône Nouvelle source

Ajouter une source

6

Paramétrage du graphique

Cliquer sur onglet Paramétrage

7

Visualisation du graphique

Cliquer sur onglet Visualisation