Last modified by Aurelie Bertrand on 2025/05/15 16:27
Show last authors
1 {{ddtoc/}}
2
3 ----
4
5 Dans cette documentation, nous nous plaçons dans le contexte suivant :
6
7 * Nom du serveur : ddsrv
8 * Port : 8080
9 * Domaine DigDash : ddenterpriseapi
10 * Domaine tableau de bord DigDash: digdash_dashboard
11
12 Il faudra bien sûr adapter l'intégration à votre contexte.
13
14 (% class="box" %)
15 (((
16 💡** **Vous pouvez aussi utiliser un mécanisme d'authentification server-side pour éviter les paramètres user/pass. Consultez la page [[Anonymisation des Urls>>doc:Digdash.webIntegration.anonymisation_url.WebHome]] pour plus de détails.
17 Dans ce cas le paramètre //authToken// remplace le paramètre //pass//.
18 )))
19
20 = Mode d’intégration par iFrame =
21
22 (% class="box infomessage" id="HIntE9grerungraphique28flux29" %)
23 (((
24 ℹ En mode iFrame, seul un portlet graphique (flux) peut être intégré. Les autres portlets (filtres, légende, commentaires, etc) ne peuvent être intégrés.
25 )))
26
27 Vous pouvez intégrer un graphique (flux) de votre portefeuille d’informations dans une iframe en utilisant l'URL sous la forme suivante :
28
29 {{code language="html"}}
30 http://ddsrv:8080/ddenterpriseapi/viewflow?flowId=<flowid>
31 {{/code}}
32
33 Vous pouvez facilement obtenir l’URL d’un flux depuis le panneau de gestion des flux dans le Studio. Pour cela, cliquez-droit sur le flux puis sélectionnez **Copier l’URL du flux.**
34
35 **[[image:Copy_flow_URL_FR.png||height="445" width="443"]] **
36
37 Par exemple :
38
39 {{code language="html"}}
40 http://ddsrv:8080/ddenterpriseapi/viewflow?flowId=15455f95
41 {{/code}}
42
43 Il est possible de passer des paramètres dans cette URL qui seront lus par l’application pour s'authentifier et adapter le contenu affiché.
44 Ces paramètres sont ajoutés sous forme de chaîne de requête à la fin de l’URL, après un point d’interrogation// ?//.
45 Chaque paramètre est une paire //clé=valeur//, et les différentes paires sont séparées par un //&//.
46 Consultez le paragraphe [[Paramètres disponibles>>doc:||anchor="Paramètres_iframe"]] pour la liste des paramètres.
47
48 Par exemple, pour afficher le graphique avec :
49
50 * l'identifiant //15455f95//
51 * l'utilisateur //user1// et le mot de passe //pass1//
52 * la barre de filtre désactivée
53
54 nous intégrons le code dans la balise iFrame comme suit :
55
56 {{code}}
57 <iframe src="http://ddsrv:8080/ddenterpriseapi/viewflow?flowId=15455f95&user=user1&pass=pass1&hideFilters=true"></iframe>
58 {{/code}}
59
60 == Paramètres disponibles{{id name="Paramètres_iframe"/}} ==
61
62 Les paramètres disponibles pour les graphiques (flux) sont les suivants :
63
64 |=(% style="width: 390px;" %)Paramètre|=(% style="width: 138px;" %)Valeur|=(% style="width: 964px;" %)Description
65 |(% style="width:390px" %)(((
66 flowId
67 )))|(% style="width:138px" %)(((
68 flowId
69 )))|(% style="width:964px" %)Identifiant du flux à afficher
70 |(% style="width:390px" %)user|(% style="width:138px" %)user|(% style="width:964px" %)Utilisateur à authentifier
71 |(% style="width:390px" %)pass|(% style="width:138px" %)password|(% style="width:964px" %)Mot de passe pour l’utilisateur non authentifié
72 |(% style="width:390px" %)authToken|(% style="width:138px" %)token|(% style="width:964px" %)Token pour l’utilisateur non authentifié
73 |(% style="width:390px" %)hideFilters|(% style="width:138px" %)true~|false|(% style="width:964px" %)Masque (true) ou affiche (false) la barre de filtres
74 |(% style="width:390px" %)nomVariable|(% style="width:138px" %)valeurVariable|(% style="width:964px" %)Spécifie la valeur de la variable nomVariable
75 |(% style="width:390px" %)(((
76 nomDimension
77
78 Si la dimension contient une hiérarchie ou plus, vous pouvez sélectionner la hiérarchie et le niveau souhaités en ajoutant :
79
80 * **H**DimensionName
81 * **L**DimensionName
82 )))|(% style="width:138px" %)(((
83 valeurFiltre
84
85
86 (% style="color:#ffffff" %)aaaa
87
88 NomHierarchie
89 NiveauHierarchie
90 )))|(% style="width:964px" %)(((
91 Spécifie le membre de la dimension filtré
92
93 (% style="color:#ffffff" %) zzzzzzz
94
95
96 Spécifie le nom de la hiérarchie
97 Spécifie le niveau de la hiérarchie
98 )))
99
100 = Mode d’intégration JavaScript embarqué =
101
102 (% class="box infomessage" %)
103 (((
104 ℹ Dans ce mode, vous pouvez intégrer, en plus des graphiques, d'autres types d'éléments : filtres, légendes, commentaires, sélecteur de mesures, variables, recherche et éléments filtrés.
105 )))
106
107 (% class="wikigeneratedid" id="HChargerlefichierJavascriptDigdash" %)
108 Ce mode nécessite de charger le fichier Javascript permettant d'afficher un tableau de bord DigDash dans une page web. Pour cela, ajoutez la ligne de code suivante dans la section //<head>// de votre page web :
109
110 {{code}}
111 <script src="http://ddsrv:8080/digdash_dashboard/digdash.dashboard.js"></script>
112 {{/code}}
113
114 (% class="wikigeneratedid" %)
115 Vous pouvez intégrer un tableau de bord DigDash soit en HTML à l’aide de balises dédiées, soit via JavaScript pour une configuration plus dynamique.
116
117 == Intégration HTML ==
118
119 Une balise personnalisée <dd-portlet/> permet d’intégrer un graphique (flux) ou autre élément intégrable, directement dans le code HTML, sans écrire de JavaScript. Ce mode est pratique pour des pages simples ou dans le cas où le JavaScript n'est pas autorisé.
120
121 (% class="box infomessage" %)
122 (((
123 💡Dans ce cas l'authentification se fait une seule fois dans la première balise **<dd-portlet/>** de la page. Cela peut être n'importe quel type de portlet.
124 )))
125
126 === Graphique (flux) ===
127
128 Pour intégrer un graphique, utilisez le code sous la forme suivante à l'emplacement souhaité sur la page web :
129
130 {{code language="html"}}
131 <dd-portlet type="flow" flowId="flowId"/>
132 {{/code}}
133
134 Dans ce mode, les [[paramètres>>doc:||anchor="Paramètres"]] sont passés directement comme attributs de la balise. Consultez le paragraphe [[Paramètres disponibles >>doc:||anchor="Paramètres"]]pour la liste complète.
135
136 Par exemple, pour afficher un graphique avec :
137
138 * l'identifiant //15455f95//
139 * l'en-tête masquée
140 * les faits marquants désactivés
141
142 nous utilisons le code suivant :
143
144 {{code language="html"}}
145 <dd-portlet type="flow" flowId="flowId" showheader="false" highlightdata="false"/>
146 {{/code}}
147
148 (% class="wikigeneratedid" %)
149 Si on y intégre l'authentification :
150
151 {{code language="html"}}
152 <dd-portlet user="user1" pass="pass1" type="flow" flowId="flowId" showheader="false" highlightdata="false"/>
153 {{/code}}
154
155 === Autres éléments (filtres, légendes...) ===
156
157 (% class="wikigeneratedid" id="HIntE9grationenmodeJavaScript" %)
158 Sur le même principe, il est possible d'intégrer d'autres types d'éléments (portlets) : filtres, légendes, commentaires, sélecteur de mesures, variables, recherche et éléments filtrés.
159 Pour cela, utilisez la syntaxe globale suivante :
160
161 {{code language="html"}}
162 <dd-portlet type="typeDuPortlet" parameterId="value"/>
163 // parameterID pour les autres paramètres en fonction du type
164 {{/code}}
165
166 (% class="wikigeneratedid" %)
167 Consultez le paragraphe [[Paramètres disponibles >>doc:||anchor="Paramètres"]]pour la liste complète.
168
169 (% class="wikigeneratedid" %)
170 Par exemple, pour un contenu de type filtre Dimension :
171
172 {{code language="html"}}
173 <dd-portlet type="dimension" dim="Type de ligne" datasource="Telecom" viztype="SlicerHorizontal" showsearch="false" showborder="false"/>
174 // dim : Nom de la dimension
175 // datasource : Nom de la source de données
176 // viztype: Type de visualisation liste horizontale
177 // showsearch : Affichage de la boîte de recherche
178 // showborder : Affichage de la bordure
179 {{/code}}
180
181 == Intégration JavaScript ==
182
183 === Graphique (flux) ===
184
185 Pour intégrer un graphique en mode JavaScript :
186
187 1. Ajoutez une balise **<div>** avec un identifiant unique à l'emplacement souhaité sur la page web : cette balise servira de conteneur pour afficher le graphique.
188 Par exemple :
189
190 {{code}}
191 <div id="tableflow"></div> // où tableflow est l'identifiant (divId)
192 {{/code}}
193
194 (% start="2" %)
195 1. Ajoutez le script JavaScript pour initialiser et afficher le graphique .
196 Pour cela, dans une balise <script>, ajoutez le code suivant :
197
198 {{code language="js"}}
199 DigDash.init({
200 "url":"http://ddsrv:8080/digdash_dashboard",
201 "user": "user",
202 "pass": "pass"
203 });
204
205 DigDash.drawPortlet("divId",{
206 "type": "flow",
207 "flowId": "flowId"
208 });
209 {{/code}}
210
211 * La méthode** DigDash.init()** permet d'initialiser le tableau de bord en spécifiant l'URL du serveur DigDash et les paramètres d'authentification.
212 * La méthode **DigDash.drawPortlet()** permet d'afficher l'élément (portlet) avec les paramètres spécifiés dans le conteneur défini précédemment. Consultez le paragraphe [[Paramètres disponibles >>doc:||anchor="Paramètres"]]pour la liste complète.
213
214 (% class="box infomessage" %)
215 (((
216 💡 N’oubliez pas d’appeler la fonction draw() dans le body :
217
218 {{code language="html"}}
219 <body onload="draw()">
220 {{/code}}
221 )))
222
223 (% id="cke_bm_558504S" style="display:none" %) (%%)Par exemple, pour afficher un graphique (divId = columnflow), nous utilisons le script suivant :
224
225 {{code language="html"}}
226 <script>
227 function draw() {
228 // Initialisation de la connexion au serveur DigDash
229 DigDash.init({
230 "url": "https://ddsrv:8080/digdash_dashboard/",
231 "user": "user",
232 "pass": "pass"
233 });
234
235 // Affichage d'un graphique en colonnes
236 DigDash.drawPortlet("columnflow", {
237 "type": "flow",
238 "flowId": "22a0cc0d",
239 "showborder": false,
240 "showheader": false
241 });
242 }
243 </script>
244
245 {{/code}}
246
247 === Autres éléments (filtres, légendes...) ===
248
249 Sur le même principe, il est possible d'intégrer d'autres types d'éléments (portlets) : filtres, légendes, commentaires, sélecteur de mesures, variables, recherche et éléments filtrés.
250 Pour cela, utilisez la syntaxe globale suivante :
251
252 {{code language="html"}}
253 DigDash.drawPortlet("divId", {
254   type: "typeDuPortlet",
255   // autres paramètres en fonction du type
256 });
257 {{/code}}
258
259 Consultez le paragraphe [[Paramètres disponibles >>doc:||anchor="Paramètres"]]pour la liste complète.
260
261 Par exemple, pour afficher un graphique (div id = columnflow) et la légende associée (div id = legend), nous utilisons le script suivant :
262
263 {{code language="html"}}
264 <script>
265 function draw() {
266 // Initialisation de la connexion au serveur DigDash
267 DigDash.init({
268 "url": "https://ddsrv:8080/digdash_dashboard/",
269 "user": "user",
270 "pass": "pass"
271 });
272
273 // Affichage d'un graphique en colonnes
274 DigDash.drawPortlet("columnflow", {
275 "type": "flow",
276 "flowId": "22a0cc0d",
277 "showborder": false,
278 "showheader": false
279 });
280
281 // Légende associée au graphique en colonnes
282 DigDash.drawPortlet("legend", {
283 "type": "legend",
284 "flow": "22a0cc0d",
285 "showborder": false,
286 "showheader": true,
287 "layout": "horizontal"
288 });
289 }
290 </script>
291
292 {{/code}}
293
294 == Paramètres disponibles{{id name="Paramètres"/}} ==
295
296 === Paramètres communs à tous les éléments (portlets) ===
297
298 Ces paramètres sont disponibles aussi bien pour les graphiques que pour les autres éléments.
299
300 |(% style="background-color:grey; width:184px" %)(% style="color:#ffffff" %)**Paramètre**|(% style="background-color:grey; width:233px" %)(% style="color:#ffffff" %)**Valeur**|(% style="background-color:grey; width:188px" %)(% style="color:#ffffff" %)**Valeur par défaut**|(% style="background-color:grey; width:167px" %)(% style="color:#ffffff" %)**Dépendance**|(% style="background-color:grey; width:525px" %)(% style="color:#ffffff" %)**Description**
301 |(% style="width:184px" %)**type**|(% style="width:233px" %)(((
302 "flow"
303 "filter"
304 "globalfitler"
305 "legend"
306 "comment"
307 "text query"
308 "measure selector"
309 "dimension"
310 "measurefilter"
311 "variable"
312 )))|(% style="width:188px" %)Aucune|(% style="width:167px" %)Paramètre
313 obligatoire|(% style="width:525px" %)Type de portlet :(((
314 * "flow" : graphique (flux)
315 * "filter" : éléments filtrés
316 * "globalfilter" : recherche
317 * "legend" : légende
318 * "comment" : commentaires
319 * "text query" : requête sur les données
320 * "measure selector" : sélecteur de mesures
321 * "dimension" : filtre dimension
322 * "measurefilter" : filtre mesure
323 * "variable" : variable
324 )))
325 |(% style="width:184px" %)**subtype**|(% style="width:233px" %)flow_datamodelwrapper.xml|(% style="width:188px" %)Aucune|(% style="width:167px" %) |(% style="width:525px" %)Permet de définir un sous-type aux flux
326 |(% style="width:184px" %)**name**|(% style="width:233px" %)Chaîne de caractères|(% style="width:188px" %)Aucune|(% style="width:167px" %) |(% style="width:525px" %)Nom de la portlet qui sera affiché dans l'en-tête (header)
327 |(% style="width:184px" %)**color**|(% style="width:233px" %)Valeur hexadécimale|(% style="width:188px" %)Aucune|(% style="width:167px" %) |(% style="width:525px" %)Couleur du fond de la portlet
328 |(% style="width:184px" %)**image**|(% style="width:233px" %)Chemin vers l'image|(% style="width:188px" %)Aucune|(% style="width:167px" %) |(% style="width:525px" %)Image de fond de la portlet
329 |(% style="width:184px" %)**showborder**|(% style="width:233px" %)Booléen|(% style="width:188px" %)"true"|(% style="width:167px" %) |(% style="width:525px" %)Affiche une bordure autour de la portlet
330 |(% style="width:184px" %)**showheader**|(% style="width:233px" %)Booléen|(% style="width:188px" %)"true"|(% style="width:167px" %) |(% style="width:525px" %)Affiche un en-tête au-dessus de la portlet
331 |(% style="width:184px" %)**maximize**|(% style="width:233px" %)Booléen|(% style="width:188px" %)"false"|(% style="width:167px" %) |(% style="width:525px" %)Permet d'agrandir la portlet dans le Dashboard
332 |(% style="width:184px" %)**cssstyle**|(% style="width:233px" %)Classe css|(% style="width:188px" %)none|(% style="width:167px" %) |(% style="width:525px" %)Permet d'appliquer un css à cette portlet
333 |(% style="width:184px" %)**css**|(% style="width:233px" %)Contenu de la classe css|(% style="width:188px" %)none|(% style="width:167px" %)cssstyle
334 doit exister|(% style="width:525px" %)Contenu de la classe css
335 |(% style="width:184px" %)**description**|(% style="width:233px" %)Chaîne de caractères|(% style="width:188px" %)none|(% style="width:167px" %) |(% style="width:525px" %)Permet d'afficher une aide contextuelle via un icône sur la portlet
336
337 === Paramètres spécifiques aux graphiques (flux) ===
338
339 |(% style="background-color:grey" %)(% style="color:#ffffff" %)**Paramètre**|(% style="background-color:grey; width:235px" %)(% style="color:#ffffff" %)**Valeur**|(% style="background-color:grey; width:197px" %)(% style="color:#ffffff" %)**Valeur par défaut**|(% style="background-color:grey; width:170px" %)(% style="color:#ffffff" %)**Dépendance**|(% style="background-color:grey; width:556px" %)(% style="color:#ffffff" %)**Description**
340 |**highlightdata**|Booléen|"true"| |Afficher les faits martquants highlights
341 |**flowdetail**|"auto" ou flowid|"false"| |Afficher les détails du flux
342 |**displaycommenticon**|Booléen|"false"| |Afficher un icône lors de la présence de commentaire
343 |**displaylegendicon**|Booléen|"false"| |Afficher un icône qui affiche la légende au clic
344 |**layoutlegend**|"horizontal" ou "vertical"|"vertical"|displaylegendicon doit être défini à true|Type d'affichage de la légende : horizontal ou vertical
345 |**displayaxisnamelegend**|Booléen|"false"|displaylegendicon doit être défini à true|Afficher le titre de l'axe
346 |**menu**|Booléen|"true"| |Afficher le bouton permettant d'ouvrir le menu
347 |**exportCSV**|Booléen|"true"|menu doit être défini à true|Permettre l'export CSV depuis le menu
348 |**exportPDF**|Booléen|"true"|menu doit être défini à true|Permettre l'export PDF depuis le menu
349 |**exportPPT**|Booléen|"true"|menu doit être défini à true|Permettre l'export PPT depuis le menu
350 |**exportXLS**|Booléen|"true"|menu doit être défini à true|Permettre l'export Excel depuis le menu
351 |**exportXLSWithoutStyles**|Booléen|"true"|menu doit être défini à true|Permettre l'export Excel sans les styles depuis le menu
352 |**menuinfo**|Booléen|"true"|menu doit être défini à true|Permette l'affichage des informations depuis le menu
353
354 === Paramètres spécifiques au contenu Éléments filtrés ===
355
356 |(% style="background-color:grey" %)(% style="color:#ffffff" %)**Paramètre**|(% style="background-color:grey; width:235px" %)(% style="color:#ffffff" %)**Valeur**|(% style="background-color:grey; width:197px" %)(% style="color:#ffffff" %)**Valeur par défaut**|(% style="background-color:grey; width:556px" %)(% style="color:#ffffff" %)**Description**
357 |displaydimension|Booléen|"false"|Afficher le nom de la dimension
358 |displayhierarchy|Booléen|"false"|Afficher le nom de la hiérarchie
359 |displaylevel|Booléen|"false"|Afficher le nom du niveau
360
361 === Paramètres spécifiques au contenu Recherche ===
362
363 |(% style="background-color:grey; width:170px" %)(% style="color:#ffffff" %)**Paramètre**|(% style="background-color:grey; width:232px" %)(% style="color:#ffffff" %)**Valeur**|(% style="background-color:grey; width:203px" %)(% style="color:#ffffff" %)**Valeur par défaut**|(% style="background-color:grey; width:173px" %)(% style="color:#ffffff" %)**Dépendance**|(% style="background-color:grey; width:514px" %)(% style="color:#ffffff" %)**Description**
364 |(% style="width:170px" %)flows|(% style="width:232px" %)Liste d'identifiants de flux séparés par des virgules|(% style="width:203px" %)Aucune|(% style="width:173px" %)Les flux (graphiques) doivent exister sur la page|(% style="width:514px" %)Permet de n'afficher que les membres des dimensions des flux dont l'identifiant est spécifié
365 |(% style="width:170px" %)label|(% style="width:232px" %)Texte|(% style="width:203px" %)Aucune|(% style="width:173px" %) |(% style="width:514px" %)Permet de changer le libellé "Recherche"
366
367 === Paramètres spécifiques au contenu Légende ===
368
369 |(% style="background-color:grey; width:170px" %)(% style="color:#ffffff" %)**Paramètre**|(% style="background-color:grey; width:232px" %)(% style="color:#ffffff" %)**Valeur**|(% style="background-color:grey; width:203px" %)(% style="color:#ffffff" %)**Valeur par défaut**|(% style="background-color:grey; width:171px" %)(% style="color:#ffffff" %)**Dépendance**|(% style="background-color:grey; width:516px" %)(% style="color:#ffffff" %)**Description**
370 |**displayaxisname**|Booléen|"true"|(% style="width:171px" %) |(% style="width:516px" %)Afficher le titre de l'axe
371 |**layout**|"horizontal" ou "vertical"|"vertical"|(% style="width:171px" %) |(% style="width:516px" %)Type d'affichage de la légende : vertical ou horizontal
372 |**flow**|flowid|Aucune|(% style="width:171px" %) |(% style="width:516px" %)Le contexte de la légende sera déterminé par ce flux
373 |**hideelement**|"true"|Aucune|(% style="width:171px" %)selectelement ne doit pas être défini|(% style="width:516px" %)Affiche un icône permettant de masquer l'élément au clic
374 |**selectelement**|"true"|Aucune|(% style="width:171px" %)hidelement ne doit pas être défini|(% style="width:516px" %)Affiche un icône permettant de sélectionner l'élément au clic
375 |**sorttype**|0 or 1|Aucune|(% style="width:171px" %)sortreverse doit être défini|(% style="width:516px" %)0 = Tri alphabétique, 1 = Tri numérique
376 |**sortreverse**|boolean|Aucune|(% style="width:171px" %)sorttype doit être défini|(% style="width:516px" %)Tri de manière croissante ou décroissante
377
378 === Paramètres spécifiques au contenu Commentaires ===
379
380 |(% style="background-color:grey; width:170px" %)(% style="color:#ffffff" %)**Paramètre**|(% style="background-color:grey; width:232px" %)(% style="color:#ffffff" %)**Valeur**|(% style="background-color:grey; width:203px" %)(% style="color:#ffffff" %)**Valeur par défaut**|(% style="background-color:grey; width:171px" %)(% style="color:#ffffff" %)**Dépendance**|(% style="background-color:grey; width:516px" %)(% style="color:#ffffff" %)**Description**
381 |**datamodels**|Liste d'identifiants de modèles de données séparés par des virgules|Aucune|Les modèles de données doivent exister sur la page|N'afficher que les commentaires sur les modèles de données dont l'identifiant est spécifié
382 |**flows**|Liste d'identifiants de flux séparés par des virgules|Aucune|Les flux (graphiques) doivent exister sur la page|N'afficher que les commentaires sur les flux (graphiques) dont l'identifiant est spécifié
383 |**displaytype**|"displaytypelist" ou "displaytypetext"|Aucune| |Type d'affichage des commentaires : Liste ou Texte
384 |**filtertype**|"all" ou "lastdays" ou "lastcomments"|"all"|doit avoir un paramètre "filter"|Option de filtrage des commentaires : Tous, X derniers jours ou X derniers commentaires
385 |**filter**|Numérique|Aucune|filtertype doit être différent de "all"|Paramètrage du filtrage des commentaires : X nombre de jours ou de commentaires
386 |**displayallcomments**|Booléen|"false"| |Afficher tous les commentaires
387
388 === Paramètres spécifiques au contenu Documents ===
389
390 |(% style="background-color:grey; width:170px" %)(% style="color:#ffffff" %)**Paramètre**|(% style="background-color:grey; width:232px" %)(% style="color:#ffffff" %)**Valeur**|(% style="background-color:grey; width:203px" %)(% style="color:#ffffff" %)**Valeur par défaut**|(% style="background-color:grey; width:171px" %)(% style="color:#ffffff" %)**Dépendance**|(% style="background-color:grey; width:516px" %)(% style="color:#ffffff" %)**Description**
391 |**searchbox**|Booléen|"true"| |Afficher le champ de recherche
392 |**server**|Identifiant du serveur|Aucune|Paramètre
393 obligatoire|(((
394 Identifiant ou nom du serveur de documents sur lequel requêter
395 )))
396
397 === Paramètres spécifiques au contenu Sélecteur de mesures ===
398
399 |(% style="background-color:grey; width:170px" %)(% style="color:#ffffff" %)**Paramètre**|(% style="background-color:grey; width:232px" %)(% style="color:#ffffff" %)**Valeur**|(% style="background-color:grey; width:203px" %)(% style="color:#ffffff" %)**Valeur par défaut**|(% style="background-color:grey; width:171px" %)(% style="color:#ffffff" %)**Dépendance**|(% style="background-color:grey; width:516px" %)(% style="color:#ffffff" %)**Description**
400 |**flows**|Liste d'identifiants de flux séparés par des virgules|Aucune|Paramètre
401 obligatoire|{{glossaryReference glossaryId="Glossary" entryId="Flux"}}Flux{{/glossaryReference}} (graphiques) sur lesquels baser le sélecteur de mesures
402 |**viztype**|"list", "combo" or "checkbox"|"list"| |Type de visualisation du sélecteur de mesure : Liste, Liste déroulante ou Cases à cocher
403 |**vizlayout**|"vertical" or "horizontal"|"vertical"|Pas d'effet dans le cas de la liste déorulante (combo)|Type d'affichage : Vertical ou non
404 |**multiselect**|Booléen|"true"| |Permettre la sélection multiple
405
406 === Paramètres spécifiques au filtre Dimension ===
407
408 |(% style="background-color:grey; width:170px" %)(% style="color:#ffffff" %)**Paramètre**|(% style="background-color:grey; width:232px" %)(% style="color:#ffffff" %)**Valeur**|(% style="background-color:grey; width:203px" %)(% style="color:#ffffff" %)**Valeur par défaut**|(% style="background-color:grey; width:171px" %)(% style="color:#ffffff" %)**Dépendance**|(% style="background-color:grey; width:516px" %)(% style="color:#ffffff" %)**Description**
409 |**dim**|Nom de la dimension|Aucune|Paramètre
410 obligatoire|Nom de la dimension
411 |**datasource**|Identifant du modèle de données|Aucune|Paramètre
412 obligatoire|Identifant du modèle de données
413 |**viztype**|"SlicerOneByOne"
414 "Slicer"
415 "SlicerHorizontal"
416 "SlicerCombo"
417 "SlicerSlider"
418 "SlicerDatePicker"
419 "SlicerCheckBox" "SlicerComboRange"
420 "SlicerTree"
421 "SlicerMatch"|SlicerCheckBox|Paramètre obligatoire. Types disponibles selon la nature de la dimension|Type de visualisation du filtre :(((
422 * Un par un
423 * Liste verticale
424 * Liste horizontale
425 * Liste déroulante
426 * Curseur
427 * Calendrier
428 * Case à cocher
429 * Liste min/max
430 * Liste arborescente
431 * Règle
432 )))
433 |**flows**|Liste d'identifiants de flux séparés par des virgules| |Les flux (graphiques) doivent exister sur la page|Graphique(s) sur lesquels le filtre sera appliqué
434 |**hierarchy**|Nom de la hiérarchie|Aucune|La dimension doit être hiérarchique|Filtrer sur la hiérarchie
435 |**level**|Nom du niveau|Aucune|La dimension doit être hiérarchique|Filtrer sur le niveau
436 |**dimlabel**|${dimension}, ${hierarchy} or ${level},
437 peuvent être utilisés ensemble séparés par '/'|${dimension}|La dimension doit être hiérarchique
438 ${hierarchy} ou ${level}|Modifier l'affichage du nom de la dimension
439 |**authorizereversefilter**|Booléen|"false"| |Autoriser l'exclusion des membres
440 |**multiselect**|Booléen|"true"| |Activer la sélection multiple lors de la sélection d'un élément
441 |**forbidmultiselect**| |"false"| "muliselect" doit être défini à false|Interdire la sélection multiple
442 |**filteronsinglemember**|Booléen|"false"| |Filtre sur l'élement unique
443 |**authorizechangelevel**|Booléen|"false"|Sur une dimension hiérarchique|Autoriser le changement de niveau
444 |**showsearch**|Booléen|"true"|Sur une dimension continue|Afficher la boîte de recherche
445 |**forbidemptyselection**|Booléen| | |Interdire la sélection vide
446 |**hidempty**|Booléen| | |Cacher les valeurs vides
447 |**range**|Booléen|"false"|Sur une dimension continue|Permet de filtrer toutes les valeurs contenues dans un intervalle
448 |**min**|min|Aucune|range doit être défini à true|Le minimum de l'intervalle
449 |**max**|max|Aucune|range doit être défini à true|Le maximum de l'intervalle
450 |**filter**|"first" "last"|Aucune| |Filtrer sur le premier ou le dernier élément
451 |**sorttype**|0 ou 1|Aucune|sortreverse doit être défini|0 = Tri alphabétique, 1 = Tri numérique
452 |**sortreverse**|Booléen|Aucune|sorttype doit être défini|Tri de manière croissante ou décroissante
453
454 === Paramètres spécifiques au filtre Mesure ===
455
456 |(% style="background-color:grey; width:170px" %)(% style="color:#ffffff" %)**Paramètre**|(% style="background-color:grey; width:232px" %)(% style="color:#ffffff" %)**Valeur**|(% style="background-color:grey; width:203px" %)(% style="color:#ffffff" %)**Valeur par défaut**|(% style="background-color:grey; width:171px" %)(% style="color:#ffffff" %)**Dépendance**|(% style="background-color:grey; width:516px" %)(% style="color:#ffffff" %)**Description**
457 |**measurename**|Nom de la mesure|Aucune|Paramètre
458 obligatoire|Nom de la mesure à filtrer
459 |**flows**|Liste d'identifiants de flux séparés par des virgules|Aucune|Paramètre
460 obligatoire|{{glossaryReference glossaryId="Glossary" entryId="Flux"}}Flux{{/glossaryReference}} (graphiques) impactés par ce filtre
461 |**hidemeasurename**|Booléen|"false"| |Cacher le nom de la mesure
462
463 === Paramètres spécifiques au filtre Variable ===
464
465 |(% style="background-color:grey; width:170px" %)(% style="color:#ffffff" %)**Paramètre**|(% style="background-color:grey; width:232px" %)(% style="color:#ffffff" %)**Valeur**|(% style="background-color:grey; width:203px" %)(% style="color:#ffffff" %)**Valeur par défaut**|(% style="background-color:grey; width:171px" %)(% style="color:#ffffff" %)**Dépendance**|(% style="background-color:grey; width:516px" %)(% style="color:#ffffff" %)**Description**
466 |**varname**|Nom de la variable|Aucune|Paramètre
467 obligatoire|Nom de la variable à filtrer
468 |**viztype**|(((
469 "slider"
470 "verticalslider"
471 "combo"
472 "spinner",
473 "horizontallist"
474 "verticallist"
475 "textfield"
476 )))|"combo", "slider" ou "textfield"
477 selon les paramètres de la variable|horizontallist et verticallist sont disponibles seulement pour les variables avec des valeurs explicites|Type de visualisation de la variable :(((
478 * Curseur horizontal
479 * Curseur vertical
480 * Liste déroulante
481 * Spinner
482 * Liste horizontale
483 * Liste verticale
484 * Champ texte
485 )))
486 |**hidevarname**|boolean|"false"| |Cacher le nom de la variable
487
488 = Pages connexes... =
489
490 * [[Intégrer un tableau de bord dans une page web>>doc:Digdash.webIntegration.DD_web_integration.embed_dashboard.WebHome]]
491 * [[Intégration web de tableaux de bord et d'objets DigDash>>doc:Digdash.webIntegration.DD_web_integration.WebHome]]
492
493