Code source wiki de Afficher un tableau de bord

Modifié par Aurelie Bertrand le 2026/06/30 14:39
Afficher les derniers auteurs
1 {{ddtoc/}}
2
3 ----
4
5 Ce guide présente le **Dashboard** qui est le module qui vous permet de visualiser le tableau de bord que vous avez construit dans l'**Éditeur de tableaux de bord.** Vous pouvez y naviguer dans vos données, ajouter des commentaires, exporter vos graphiques, etc
6
7 Pour accéder au Dashboard, cliquez sur le bouton **DashBoard **de la page d'accueil de DigDash Enterprise et entrez vos identifiants
8
9 Votre tableau de bord s'affiche. Pour afficher le tableau de bord d'un rôle cliquez sur l'onglet portant le nom de ce rôle. Par exemple, l'utilisateur AB ayant dans son entreprise des données Ventes et Telecom affiche la page de tableau de bord Comparaison en sélectionnant l'onglet correspondant.
10
11 [[image:Dashboard_example_FR.png]]
12
13 (% class="box infomessage" %)
14 (((
15 Si une description a été renseignée dans le modèle de données pour une dimension ou une mesure, elle s'affiche dans l'infobulle au survol de la dimension ou de la mesure dans les objets de type Dimension et filtres de mesures, dans les graphiques de type Tableaux et dans le récapitulatif des filtres.
16 )))
17
18 Un menu déployable depuis le nom d'utilisateur offre plusieurs options avancées.
19
20 |=Commande|=Description
21 |=Réinitialiser la position des rôles|(((
22 //Disponible uniquement si la position des rôles a été modifiée pour l'utilisateur.//
23
24 Rétablir l'ordre par défaut des rôles. Consultez la page [[Ordonner les rôles dans le tableau de bord>>path:/xwiki/wiki/dev/view/Digdash/user_guide/dashboard/dashboard_editor_guide/edit_dashboard/role_order/]] pour plus de détails.
25 )))
26 |=Masquer / Afficher les filtres|(((
27 Masquer / Afficher la barre de filtres du tableau de bord
28
29 [[image:Filter_bar_FR.png||alt="Barre de filtres"]]
30 )))
31 |=Navigation|Ouvrir le menu de navigation afin d'accéder aux options de sélection de navigation. Consultez le paragraphe [[Modifier la sélection de navigation>>doc:.display_dashboard_interact.WebHome||anchor="Navigation"]] pour plus de détails.
32 |=Interaction par défaut|Modifier l'interaction par défaut utilisée au clic sur un élément. Consultez le paragraphe [[Modifier l'interaction par défaut>>doc:.display_dashboard_interact.WebHome||anchor="Interaction"]] pour plus de détails.
33 |=(((
34 **Rafraîchir**
35 )))|Recharger tous les rôles.
36 |=Éditeur|(((
37 //Disponible uniquement si l'utilisateur a les autorisations nécessaires.//
38
39 Ouvrir l'Éditeur de tableaux de bord dans un nouvel onglet.
40 )))
41 |=Studio|(((
42 //Disponible uniquement si l'utilisateur a les autorisations nécessaires.//
43
44 Ouvrir le Studio dans un nouvel onglet.
45 )))
46 |=Configuration|(((
47 //Disponible uniquement si l'utilisateur a les autorisations nécessaires.//
48
49 Ouvrir la page d'accueil de configuration dans un nouvel onglet.
50 )))
51 |=Déconnexion|Se déconnecter du Dashboard.
52
53 Depuis le tableau de bord, vous pouvez exécuter un certain nombres d'actions décrites dans les paragraphes suivants.
54
55 = Sauvegarder un graphique en PDT, PPT, Excel ou CSV =
56
57 Pour sauvegarder un élément du tableau de bord aux formats PDF, PPT ou Excel (vous devez avoir l'autorisation Sauvegarder en PDF, Sauvegarder en PPT, Sauvegarder en Excel ou Sauvegarder en CSV et avoir [[activé les options >>doc:Digdash.user_guide.dashboard.dashboard_editor_guide.edit_dashboard.edit_object_parameters.WebHome||anchor="Prop_graph"]]depuis l'éditeur) : cliquez sur l'icône **Editer **[[image:2020-09-09_17h59_30.png||queryString="width=25&height=27" height="27" width="25"]]en haut à droite de l'élément souhaité puis sélectionnez **Sauvegarder en PDF** , **Sauvegarder en PPT** , **Sauvegarder en Excel Standard, Sauvegarder en Excel Rapide **ou **Sauvegarder en CSV**.
58
59 [[image:Export_menu_FR.png||alt="Menu contextuel"]]
60
61 == Sauvegarde des tableaux ==
62
63 **Nombre de lignes**
64
65 Dans le cas où un tableau comporte un nombre de lignes supérieur à la limite définie dans les [[options d'export>>doc:Digdash.deployment.configuration.configuration_guide.export_options.WebHome]], les lignes supplémentaires ne seront pas exportées. Un message sera affiché lors de l'export afin de vous en avertir.
66
67 **Export Excel **
68
69 Deux options sont disponibles pour l'export Excel:
70
71 * **Sauvergarder en Excel Standard **conserve l'ensemble des styles.
72 * **Sauvegarder en Excel Rapide** conserve seulement une partie de styles. Elle permet une génération plus rapide tout en conservant une mise en forme. Consultez la page [[Options d'export>>doc:Digdash.deployment.configuration.configuration_guide.export_options.WebHome||anchor="excel_without_styles"]] pour plus de détails.
73
74 **Export PDF/PPT & Pas de valeurs**
75
76 Dans le cas où un tableau ne contient pas de valeurs, rien ne s'affiche lors de l'export PDF, de même lors de l'export PPT.
77
78 Pour l'export PPT, il est cependant possible de forcer l'affichage du texte "Pas de valeurs". Pour cela, ajoutez le paramètre suivant dans le fichier system.xml situé dans le répertoire appdata/Enterprise Administrator/ddenterpriseapi/config :
79
80 {{code language="XML"}}
81 <Property key="PROP_TEXT_REPORT_ADDNOVALUES" value="true"/>
82 {{/code}}
83
84 = Ajouter et voir les commentaires =
85
86 (% class="wikigeneratedid" id="HAjouteruncommentaire" %)
87 Consultez la page dédiée [[Ajouter et voir les commentaires>>doc:.display_dashboard_export.WebHome]].
88
89 = Expliquer un graphique{{id name="expliquer"/}} =
90
91 (% class="box infomessage" %)
92 (((
93 **ℹ** Cette option est disponible uniquement dans le cas où :
94
95 * un LLM (Grand modèle de langage) est configuré sur la page **Paramètres serveur > Paramètres supplémentaires > [[Intelligence artificielle>>doc:Digdash.deployment.configuration.configuration_guide.AI.WebHome]]**;
96 * l'affichage des faits marquants est activée pour le graphique.
97
98 Consultez la page [[Afficher les faits marquants>>doc:Digdash.user_guide.dashboard.Display_highlights.WebHome]] pour plus de détails.
99 )))
100
101 Pour afficher la description et les faits marquants d'un graphique dans une fenêtre temporaire :
102
103 * cliquez sur l'icône **Editer **[[image:2020-09-09_17h59_30.png||queryString="width=25&height=27" height="27" width="25"]]en haut à droite de l'élément souhaité puis sélectionnez **Expliquer un flux**.
104 [[image:Explain_flow_fr.png||height="380" width="775"]]
105 ➡ La fenêtre d'explication s'affiche :
106 [[image:Explain_flow2_fr.png]]
107
108
109 = Maximiser ou minimiser un graphique =
110
111 (% class="box infomessage" %)
112 (((
113 💡 Disponible uniquement si l'option d'affichage **Activer l'agrandissement** a été sélectionné pour le graphique.
114 )))
115
116 Cliquez sur l'icône **Maximiser**(% aria-label="Élément 2020-09-09_17h58_53.png image" contenteditable="false" role="region" tabindex="-1" %)[[image:2020-09-09_17h58_53.png||queryString="width=30&height=31" height="31" width="30"]](% title="Cliquer et glisser pour redimensionner" %)​(%%)ou **Minimiser** (% aria-label="Élément 2020-09-09_17h59_21.png image" contenteditable="false" role="region" tabindex="-1" %)[[image:2020-09-09_17h59_21.png||queryString="width=27&height=29" height="29" width="27"]](% title="Cliquer et glisser pour redimensionner" %)​(%%) en haut à droite de l'élément.
117
118 Dans le cas où l'option est disponible pour des objets imbriqués (par exemple, une ligne et le graphique à droite de cette ligne), un seul bouton permet de choisir l'élément à maximiser.
119
120 (% aria-label="Élément Overlap_maximize_button_FR.png image" contenteditable="false" role="region" tabindex="-1" %)[[image:Overlap_maximize_button_FR.png]](% title="Cliquer et glisser pour redimensionner" %)​(% aria-label="Élément Overlap_maximize_button_FR.png image" contenteditable="false" role="region" style="background:url(~"https://doc.digdash.com/xwiki/webjars/wiki%3Adev/xwiki-platform-ckeditor-webjar/15.10.7/plugins/widget/images/handle.png~") rgba(220, 220, 220, 0.5); left:0px; top:-15px" tabindex="-1" %)
121
122 = Interagir sur les éléments du tableau de bord =
123
124 Consultez la page dédiée[[ Interagir sur les éléments du tableau de bord>>doc:.display_dashboard_interact.WebHome]] pour plus de détails.
125
126 = (% style="color:inherit; font-family:inherit; font-size:max(23px, min(29px, 12.3333px + 1.38889vw))" %)Paramétrer les URL du tableau de bord(%%) =
127
128 Il est possible de paramétrer les URL du tableau de bord :
129
130 * le nom de l'utilisateur et son mot de passe,
131 * le nom de la page à afficher,
132 * une liste de filtres,
133 * les valeurs des variables,
134 * l'affichage ou non de la bannière et de la barre de filtres,...
135
136 Consultez la documentation[[ Intégrer un tableau de bord dans une page web>>doc:Digdash.webIntegration.DD_web_integration.embed_dashboard.WebHome]] pour les détails sur ces paramètres ainsi que sur l'intégration de DigDash dans les sites webs.
137
138 = Rechercher dans les filtres {{id name="recherche"/}}(% aria-label="Élément macro : id" contenteditable="false" role="region" style="background-color:rgba(220,220,220,0.5)" tabindex="-1" %)(%%) =
139
140 Certains filtres (filtres de type **Liste verticale/horizontale**, **Liste déroulante** et **Cases à cocher) **ainsi que l'élément de contenu additionnel **Recherche** dans l'interface, disposent d'un champ de recherche.
141
142 Le fonctionnement de la recherche à l’intérieur de ces filtres repose sur un système de pertinence basé sur les mots saisis par l'utilisateur.
143 Lorsque vous tapez une phrase dans le champ de recherche, plusieurs étapes sont suivies pour trouver les résultats les plus pertinents.
144
145 * **Découpage de la phrase** :
146 La phrase saisie est automatiquement découpée en mots. La séparation se fait à chaque fois qu’il y a :
147 ** un espace (" ")
148 ** un slash ("/")
149 ** un tiret ("-")
150
151 Par exemple, si on saisit "réseau femmes-entrepreneures", les mots obtenus sont "réseau", "femmes" et "entrepreneures".
152
153 * **Calcul du score de pertinence :**
154 Les mots saisis sont comparés aux membres disponibles.
155 Plusieurs critères sont pris en compte :
156 ** **Nombre de mots correspondants**
157 Plus le membre contient de mots recherchés, meilleur est le score.
158 Un membre contenant les 3 mots saisis aura un meilleur qu'un membre contenant 2 mots. Par exemple, le membre "Femmes entrepreneures du réseau francophone" aura un meilleur score que "Femmes entrepreneures de France".
159 ** **Ordre des mots respecté**
160 Plus l'ordre des mots est respecté, meilleur est le score.
161 Un membre contenant 2 mots recherchés dans l'ordre aura un meilleur score qu'un membre contenant les 2 mots dans un ordre différent.
162 Par exemple, le membre "Réseau des femmes dirigeantes" aura un meilleur score que "Femmes et réseau professionnel" .
163 ** **Le nombre de mots dans les membres**
164 Moins le membre contenant les mots recherchés comporte de mots, meilleur est le score.
165 Un membre contenant 2 mots saisis parmi 5 mots aura un meilleur score qu'un membre contenant ces mêmes mots parmi 8 mots.
166 Par exemple, le membre "Réseau d’entraide des femmes entrepreneures" aura un meilleur score que "Réseau national d'entraide des jeunes femmes entrepreneures".
167 ** **Position des mots recherchés**
168 Plus les mots recherchés se situent au début du membre, meilleur est le score.
169 Par exemple, le membre "Femmes et droits" aura un meilleur score que "Droits des femmes".
170
171 * **Tri des résultats**
172 Les résultats sont ensuite classés par ordre décroissant de score (plus pertinent en haut).
173
174 = Affichage sur "Mobile"{{id name="Affichage_mobile"/}}(% aria-label="Élément macro : id" contenteditable="false" role="region" style="background-color:rgba(220,220,220,0.5)" tabindex="-1" %)(%%) =
175
176 (% class="wikigeneratedid" %)
177 Consultez la page dédiée [[Tableaux de bord mobile>>doc:Digdash.user_guide.dashboard.mobile_dashboard.WebHome]] pour des informations détaillées sur l'affichage sur mobile (petit écran).
178
179 = Mettre à jour les données d'un modèle issu de l'Assistant de création de tableau de bord {{id name="màj_graphique"/}}(% aria-label="Élément macro : id" contenteditable="false" role="region" style="background-color:rgba(220,220,220,0.5)" tabindex="-1" %)(%%) =
180
181 Dans le cas d'un graphique basé sur un modèle de données créé dans l'Assistant de cération de tableau de bord, il est possible de mettre à jour le fichier de données et de synchroniser le graphique.
182
183 Pour cela, les éléments suivants sont requis :
184
185 * le modèle de données a été créé et/ou modifié via l'Assistant de création de tableau de bord dans la version 2026R1 ou ultérieure;
186 * l'option **Autoriser la mise à jour des données** est cochée dans les propriétés du graphique;
187 * l'utilisateur dispose de l'autorisation "Tableau de bord > Accès à l'assistant de Tableau de bord".
188
189 Pour mettre à jour les données:
190
191 1. Cliquez sur l'icône (% aria-label="Élément 2020-09-09_17h59_30.png image" contenteditable="false" role="region" tabindex="-1" %)[[image:2020-09-09_17h59_30.png||queryString="width=25&height=27" height="27" width="25"]](% title="Cliquer et glisser pour redimensionner" %)​(% aria-label="Élément 2020-09-09_17h59_30.png image" contenteditable="false" role="region" style="background-color:rgba(220,220,220,0.5)" tabindex="-1" %)(%%) en haut à droite du graphique pour afficher le menu.
192 1. Cliquez sur **Mettre à jour les données**.
193 (% aria-label="Élément Mettre à jour les données image" contenteditable="false" role="region" tabindex="-1" %)[[image:Chart_update_data_fr.png||alt="Mettre à jour les données"]](% title="Cliquer et glisser pour redimensionner" %)​(% aria-label="Élément Mettre à jour les données image" contenteditable="false" role="region" style="background-color:rgba(220,220,220,0.5)" tabindex="-1" %)
194 1. Sélectionnez le fichier des données à utiliser pour la mise à jour et cliquez sur **OK**.
195 ➡ Le fichier est mis à jour et les données sont rafraîchies.