Dans ce billet, nous allons voir comment utiliser les feuilles de tableau de bord de XLCubed pour créer un tableau de bord réactif dans Excel, qui fonctionnera sur n'importe quel appareil !
Vous pouvez accéder au rapport ici :
- Version web en direct
- Fichier Excel (aucune connexion aux données n'est nécessaire, mais vous devez avoir installé XLCubed v9.2)
Créer une feuille de tableau de bord
Ajoutez une feuille de tableau de bord au classeur en utilisant l'option sous le menu Visualiser du ruban XLCubed. Ajustez le nombre de lignes et de colonnes afin d'offrir plus de flexibilité dans la mise en page. Dans un premier temps, nous concevons un tableau de bord pour un affichage sur le bureau, afin que toutes les lignes et les colonnes soient visibles.
Utilisez le ruban du tableau de bord pour insérer une étiquette de titre. Deux options à noter qui sont utilisées dans cet exemple sont la "Taille automatique du texte pour s'adapter" et l'alignement vertical du texte. Cela signifie que le texte sera dimensionné pour remplir son contenant et sera également centré verticalement.
Les étiquettes des tableaux de bord peuvent également avoir des couleurs de fond et être alignées horizontalement, ce qui offre une grande souplesse de conception - pourquoi ne pas essayer de créer une barre d'en-tête colorée qui couvre toute la largeur de l'écran ? Ou même la combiner avec une fenêtre affichant le logo de votre entreprise ?
Si vous souhaitez que les liens et la navigation fassent partie du cahier de travail, il est également possible de créer une barre de navigation sur le tableau de bord.
Segments
Nous allons créer deux trancheurs qui filtreront toutes les données affichées dans le tableau de bord. Il suffit de les ajouter à partir du ruban du tableau de bord, et de les configurer comme vous le feriez pour n'importe quel segment XLCubed (vous pouvez lire la documentation ici). Par défaut, les éléments du tableau de bord sont automatiquement liés entre eux ; cela signifie que chaque fois que nous ajoutons un nouvel élément au tableau de bord, il sera automatiquement filtré par les segments.
Petites cartes multiples
Une grande partie du tableau de bord est constituée de petits multiplicateurs XLCubed. Il s'agit de graphiques interactifs animés qui peuvent également être percés, affichant les graphiques sous forme de matrice.
Mettez en évidence la zone du tableau de bord où le graphique doit se trouver, et sélectionnez l'élément de menu Petits Multiples dans le ruban. Cela permet d'insérer un graphique et d'ouvrir le volet des tâches à partir duquel nous pouvons configurer le graphique comme nous le ferions sur une feuille Excel normale. Les segmets auront déjà rempli des zones du volet des tâches (auto-lien !) avec leurs hiérarchies. Déplacez les hiérarchies vers les différentes zones du diagramme et faites des sélections de membres selon vos besoins. Par exemple, sur les catégories (axe des x), placez la hiérarchie des dates et affichez les enfants de la sélection du tableau de bord pour donner une ventilation de la date sélectionnée.
Ajoutez des hiérarchies supplémentaires au tableau si vous le souhaitez.
Treemap
De la même manière, ajoutez une carte arborescente au tableau de bord. Là encore, configurez-le de la même manière que vous le feriez sur une feuille Excel standard (lisez la documentation). Pour modifier la couleur et l'affichage de l'arborescence, allez dans l'onglet "Apparence" de l'éditeur - vous pouvez y définir le dégradé utilisé, ainsi que la police des étiquettes, etc.
La carte de l'arbre est divisée par région géographique. Comme elle est toujours liée au reste du tableau de bord, elle sert également de filtre pour la hiérarchie des provinces (cliquer sur une zone carrée met à jour le reste du tableau de bord).
Grille
Dans l'espace restant, ajoutez une grille provenant du ruban du tableau de bord. Placez les hiérarchies souhaitées sur les colonnes et les lignes - si l'une de ces hiérarchies fait déjà partie du tableau de bord, les membres seront automatiquement alimentés par la sélection du tableau de bord une fois que la grille aura été insérée. Vous pouvez ensuite retourner dans l'éditeur de grille pour effectuer des sélections d'enfants/frères et sœurs, etc. Toute hiérarchie restante dans le tableau de bord sera ajoutée aux filtres de la grille.
L'ajout d'une grille de cette manière crée une nouvelle feuille dans le classeur qui contient la grille, de sorte que les propriétés et le formatage de la grille peuvent être édités ici. L'objet sur le tableau de bord est une fenêtre qui pointe vers la plage nommée contenant la grille.
Les vitres gelées sont également créées automatiquement afin que la grille soit toujours facilement lisible lorsqu'on la fait défiler.
Ici, vous pouvez également utiliser les techniques habituelles de formatage de grille. Dans cet exemple, nous avons augmenté la hauteur des lignes, rempli les en-têtes de colonne en vert et appliqué un formatage conditionnel aux valeurs.
Créer des objectifs pour la vision mobile
Vous devriez maintenant disposer d'un tableau de bord pleinement fonctionnel ! Les éléments se redimensionnent à chaque fois que la taille de l'écran change afin que tout reste visible. Cependant, cela peut rendre les informations plus difficiles à lire sur de petits écrans. Nous allons donc créer différentes "vues" (aussi appelées cibles) du tableau de bord afin d'optimiser l'affichage sur les petits appareils.
Ajouter une nouvelle cible à partir du tableau de bord. Vous pouvez définir vos propres dimensions, ou simplement utiliser l'un des préréglages (portrait mobile, paysage tablette, etc.). Sélectionnez la cible nouvellement créée dans la liste déroulante afin de la faire apparaître. La feuille aura automatiquement disposé les éléments du tableau de bord. Il est probable que vous souhaitiez modifier cette mise en page par défaut - vous pouvez masquer des éléments dans la feuille de tâches dans un premier temps afin de faciliter le travail sur le tableau de bord.
Fixez le nombre de lignes et de colonnes. Comme nous concevons la vue pour un appareil plus petit, il sera difficile d'afficher tous les éléments tout en maintenant la lisibilité. Vous pouvez donc fixer le nombre de lignes visibles à un nombre inférieur au total. Le tableau de bord pourra alors défiler.
Remettez maintenant la visibilité des éléments du tableau de bord en marche et positionnez-les dans l'ordre souhaité.
Si les cibles ne changent pas comme prévu lorsque l'écran se redimensionne, essayez de modifier la cible et d'augmenter/diminuer les dimensions inférieures et supérieures.