Tuiles
Dernière mise à jour
Cet article vous a-t-il été utile ?
Dernière mise à jour
Cet article vous a-t-il été utile ?
Cliquez sur l'icône Tuiles pour ajouter un indicateur de tuiles au tableau de bord.
Le paramétrage du composant se fait ensuite selon cet ordre :
L'ajout des champs à visualiser se fait par glisser-déposer dans les quatre zones principales suivantes :
Réelle
Cible
Série
Sparkline
Valeurs des données à analyser.
Analyse des ventes réelles
Objectif cible, à comparer avec les valeurs analysées.
Comparaison des ventes réelles avec un objectif prévisionnel
Données à ventiler lors de l'analyse. Une tuile est créée par élément de la série.
Ventilation de l'analyse par commercial
Champ de type date. Affiche une courbe de tendance de la valeur réelle, détaillée selon la granularité de la date (année, trimestre, mois...).
Visualisation de l'évolution des ventes par mois
L'ajout de séries augmente la granularité des informations. Si le zoom est activé, il est possible de voir le détail des informations d'une tuile en cliquant dessus
Ajout de l'information "pays du magasin" en série
Ajout de l'information "ville du magasin en série", avec activation du zoom
En cliquant sur un commercial, on a accès aux données par ville de ce commercial
L'ajout de paires de valeurs réelle et cible dans un ensemble de tuiles crée un nouvel ensemble de tuiles par paire. Ces ensembles sont superposés au sein du même composant du tableau de bord. Le basculement entre les tuiles de chaque paire de valeurs réelle et cible se fait en cliquant sur l'icône de zones empilées.
💡 Si aucune série n'est renseignée, cela affiche plusieurs tuiles sur le même composant, une par paire de valeur réelle / valeur cible.
Vous pouvez configurer l'affichage de chaque ensemble de tuiles dans le composant en cliquant sur cette icône (voir ci-dessous). La fenêtre des options de tuiles est composée de quatre onglets : Options de mise en page, Options de Delta, Option de graphique Sparkline et Options de format.
Cette partie permet de gérer la taille des tuiles ainsi que la position et la visibilité des différents éléments affichés dans les tuiles : valeur réelle, cible, indicateur de Delta, Sparkline...
Sélection du modèle : Le modèle choisi permet de gérer la position et l’affichage des éléments dans la tuile.
Le modèle Étiré organise les éléments pour qu’ils prennent toute la place de la tuile.
Personnalisation du modèle choisi : Chaque modèle peut être personnalisé selon les options disponibles dans la zone de droite.
Largeur min : Largeur minimale pour le contenu des tuiles
Largeur max : Largeur maximale pour le contenu des tuiles. Si auto est coché, la largeur de la tuile s'adapte au contenu affiché
Visible : Les éléments cochés seront visibles dans les tuiles
Appliquer à toutes les tuiles : Le paramétrage effectué va s'appliquer pour ce modèle à toutes les tuiles du composant
Réinitialiser : Les paramètres du modèle choisi vont être réinitialisés aux valeurs par défaut
Valeurs / éléments visibles : Contenu à afficher dans le modèle de tuile choisi. Le contenu à afficher ne peut être modifié pour les éléments graphiques, i.e. l'indicateur de Delta et la Sparkline. Ce sont des emplacements de contenu réservés, ils ne peuvent être que affichés ou masqués.
Exemple avec des éléments de données, le menu de valeurs et d'éléments et la Sparkline associés, pour un extrait d'analyse des ventes d'accessoires de vélos
Titre : Intitulé de la série ventilée. Si plusieurs séries sont rentrées il s'agit de l'intitulé de la dernière série renseignée. Si aucune série n'est définie, c'est l'information "nom de la carte" qui s'affiche
Dans l'exemple ci-dessus, le titre est la dernière série renseignée : la sous-catégorie. Cela correspond à "Pédaliers"
Sous-titre : Dans le cas où plusieurs séries sont présentes, cela correspond à la liste des séries précédant la partie "Titre"
Dans l'exemple ci-dessus, le sous-titre est la liste de séries "Mag Pays - Mag Ville - Produit type produit". Cela correspond à "United States - Idaho Falls - Touring"
Variation absolue : différence de valeurs [ "réelle" - "cible" ]
Dans l'exemple ci-dessus, cela correspond à "+110K"
Valeur réelle : champ de données "réelles"
Dans l'exemple ci-dessus, cela correspond à "1,34M"
Nom de la carte : intitulé défini comme "titre des tuiles", modifiable par clic-droit sur une tuile.
Pourcentage de la cible : rapport des valeurs [ "réelle" / "cible" ]
Dans l'exemple ci-dessus, cela correspondrait à "+108,95%"
Variation en pourcentage : rapport des valeurs [ ("réelle" - "cible") / "cible" ]
Dans l'exemple ci-dessus, cela correspond à "+8,95%"
Valeur cible : champ de données "cible"
Dans l'exemple ci-dessus, cela correspondrait à "1,23M"
Dimension xxxx (, yyyy, zzzz, ....) : une ligne supplémentaire s'affiche par série renseignée. Cela permet d'afficher spécifiquement l'information de la série
💡 Ces visualisations ne sont représentatives que de l'emplacement des éléments de la Sparkline, indépendamment de leur valeur. Le numéro à gauche correspond au numéro de position, et n'est pas dépendant de la valeur sélectionnée
Modèle étiré
Modèle centré
Modèle compact
Modèle léger
Cette partie permet de paramétrer l'affichage de la couleur du delta sur les tuiles.
Indication de résultat : Permet de spécifier le code couleur employé pour le delta des tuiles.
💡 Il est possible de spécifier un seuil de tolérance par rapport à l'objectif. Les valeurs réelles comprises dans ce seuil, en deçà ou au-delà de l'objectif, ne seront pas colorées selon l'indication de résultat et seront affichées en gris.
Type de seuil : Définition du seuil de tolérance en pourcentage de l'objectif ou en valeur absolue
Valeur de seuil : Spécification de la valeur de seuil de tolérance, selon le type choisi
Vous pouvez choisir les options suivantes :
Le delta est affiché en vert si la valeur réelle est supérieure à la valeur cible. Si la valeur cible est supérieure à la valeur réelle, le delta est affiché en rouge.
Configurer une valeur de seuil pour les indications delta :
Vous pouvez configurer des conditions plus avancées d’affichage pour les couleurs de delta. Par exemple, vous pouvez décider d’afficher en vert uniquement les tuiles dont la valeur dépasse 20% de la cible, ou dépasse de 10 000€.
Cette partie permet de paramétrer l'affichage des Sparklines
Type d'affichage graphique Sparkline : Mode d'affichage de la Sparkline.
Mettre en évidence les points min/max : Si coché, la valeur minimale de la Sparkline sera en rouge, la maximale en vert. Sinon, la Sparkline n'aura pas de couleur de mise en évidence des valeurs minimale et maximale.
Surligner les points Début / Fin : Si coché, les valeurs des points de début et fin de la Sparkline, si représentée sous forme de ligne ou de zone, seront visibles. Sinon, ils seront masqués.
Cette partie permet de définir la mise en forme des valeurs affichées.
Type de format : Format d'unité à afficher
Unité : Echelle d'unité
Précision : Nombre de chiffres après la virgule
Devise : Devise à afficher dans le cas d'une unité monétaire
Culture : Pays de la monnaie si sélectionnée
Inclure le séparateur de groupes : Scinder les valeurs par groupes de 3 chiffres
Les tuiles peuvent être personnalisées à l'aide de l'outil d'interaction et mise en page. Cliquez sur l'engrenage visible en haut à droite du composant pour accéder à l'outil.
Il est découpé en 3 onglets :
Interactions
Mise en page
Filtres
Cet onglet permet de configurer les interactions des tuiles de ce composant avec les autres composants du tableau de bord
Cet onglet permet de personnaliser l'affichage des tuiles de ce composant.
Commun
Cette partie permet de configurer le titre du composant
Afficher titre : Masquer ou afficher le titre. Il est affiché par défaut.
Nom de l'élément : Renommer le composant
Arrangement de contenu
Cette partie permet de paramétrer la disposition des tuiles les unes par rapport aux autres
Réorganisation automatique : Positionnement par défaut, cherchant à obtenir le meilleur ratio entre la taille des tuiles et le nombre d'éléments par ligne et colonne
Organiser en colonnes : Force une disposition des tuiles selon le nombre de colonnes défini dans la valeur "Nombre" à droite
Organiser en lignes : Force une disposition des tuiles selon le nombre de lignes défini dans la valeur "Nombre" à droite
Cet onglet permet d'ajouter un filtre simple ou combiné sur les données affichées dans les tuiles de ce composant, et n'a pas d'influence sur les autres composants du tableau de bord.
Vous pouvez utiliser la mise en forme conditionnelle pour mettre en évidence les éléments visuels d'un élément du tableau de bord de la tuile (comme le titre, le sous-titre, différentes valeurs) et modifier l'arrière-plan de la tuile .
Vous pouvez utiliser des valeurs de mesure ou de dimension pour calculer une règle de format. Vous pouvez également utiliser des valeurs delta pour calculer les règles de format d'une tuile.
Pour cela deux possibilités :
soit à l'aide d'un clic droit sur le champ qui sera utilisé pour définir la règle de format conditionnel
soit à l'aide d'un clic droit sur le composant Tuiles, et en sélectionnant "Modifier les règles"
Voici des tuiles représentant le nombre de médailles par pays.
Nous allons ajouter une règle de format qui va changer l'apparence des tuiles dont le nom du pays contient la lettre G.
Pour cela, faire un clic droit sur le champ "Team" dans la zone "Série", puis ajouter la règle de format de type "Valeur", et sélectionner "Texte qui contient"
Nous choisissons ensuite la condition de format, et l'apparence qui sera appliquée :
Nous pouvons ajouter plusieurs règles qui se combinent.
Par exemple, nous souhaitons avoir une icône verte lorsque le nombre de médaille est supérieur à 50, et une icône rouge lorsque le nombre de médaille est inférieur à 50.
Pour cela, il faut ajouter deux nouvelles règles.
Résultat :
Pour plus de détails consultez les pages suivantes
Les tuiles sont des représentations des données sous forme de cases, dans lesquelles sont affichées des valeurs numériques, mais aussi des comparaisons de valeurs (delta) et des courbes de tendances (sparkline). Elles sont recommandées pour l'affichage des KPI.
