Différences

Ci-dessous, les différences entre deux révisions de la page.

Lien vers cette vue comparative

Les deux révisions précédentes Révision précédente
Prochaine révision
Révision précédente
wiki:widgets:widget_graph [2021/10/21 12:35]
Nadège ORVOEN [Diagramme Camembert]
wiki:widgets:widget_graph [2025/02/05 10:44] (Version actuelle)
Nadège ORVOEN
Ligne 1: Ligne 1:
 <fs xx-small>​Date de création : 15/10/21\\ <fs xx-small>​Date de création : 15/10/21\\
-Date de Mise à Jour : 15/10/21\\ +Date de Mise à Jour : 05/02/25\\ 
-Version ​v20.1\\ </fs>+Version ​v24.0\\ </fs>
 ---- ----
  
Ligne 9: Ligne 9:
 \\ \\ \\ \\
  
-<callout type="​info">​Le ​[[wiki:​widgets:​widget_graph|widget Graphique]] permet de choisir parmi **plusieurs types de graphiques** pour visualiser un groupe filtré d'​enregistrements. Il permet, pour certains widgets, de sélectionner également le **niveau de données à analyser**. Une **personnalisation** de la présentation est également disponible</​callout>​\\+<callout type="​info">​Le widget Graphique permet de choisir parmi **plusieurs types de graphiques** pour visualiser un groupe filtré d'​enregistrements. Il permet, pour certains widgets, de sélectionner également le **niveau de données à analyser**. Une **personnalisation** de la présentation est également disponible</​callout>​\\
  
 <WRAP imgweb>​{{popup>​ :​wiki:​widgets:​widget_graph.jpg?​800 |}}</​WRAP>​\\ \\ <WRAP imgweb>​{{popup>​ :​wiki:​widgets:​widget_graph.jpg?​800 |}}</​WRAP>​\\ \\
  
 +<callout type="​warning"​ icon="​true">​Une fois le **paramétrage** du widget **conforme** à votre attente, pensez à le **sauvegarder** pour qu'il soit conservé pour les fois prochaines : {{popup> :​wiki:​widgets:​sauvegarde.jpg?​200 |}} </​callout>​ 
 +\\ \\
  
  
 ======Types de graphique====== ======Types de graphique======
 <WRAP group> <WRAP group>
-<WRAP half column>​\\ {{popup> :​wiki:​widgets:​type_diagramme.jpg?​600 |}}+<WRAP half column>\\ \\ {{popup> :​wiki:​widgets:​type_diagramme.jpg?​600 |}}
 </​WRAP>​ </​WRAP>​
-<WRAP half column>\\ Il est possible ​de **changer le type de graphique** à afficher. En cliquant sur le nom du diagramme la liste des différents ​graphiques disponible ​s'affiche.\\+<WRAP half column> ​====Changer ​de type de diagramme====  
 +En **cliquant sur le nom du diagramme** la liste des différents ​diagrammes disponibles ​s'affichent.\\ \\ 
 +Si ce champs n'est pas visible, il est possible de le mettre en place à partir des paramètres du widget :\\ {{popup> :​wiki:​widgets:​selecteur_diagramme.jpg?​400 |}}
 </​WRAP></​WRAP>​\\ \\ \\ </​WRAP></​WRAP>​\\ \\ \\
  
-__Quelque ​soit le type de diagramme ​sélectionné__, il est possible d'​accéder à la **valeur des données** en passant la souris sur le graphique (si paramétré ainsi) :+====Accès à la valeur des données==== 
 +Quelque ​soit le type de diagramme ​sélectionné, il est possible d'​accéder à la **valeur des données** en passant la souris sur le graphique (si paramétré ainsi) :
 <WRAP group> <WRAP group>
 <WRAP half column>​\\ Diagramme "​camembert"​ :\\ {{popup> :​wiki:​widgets:​valeur_graph.jpg?​250 |}} <WRAP half column>​\\ Diagramme "​camembert"​ :\\ {{popup> :​wiki:​widgets:​valeur_graph.jpg?​250 |}}
Ligne 35: Ligne 39:
 Les graphiques permettent d'​accéder rapidement à différents niveaux d'une même série de données :\\ \\  Les graphiques permettent d'​accéder rapidement à différents niveaux d'une même série de données :\\ \\ 
 {{popup> :​wiki:​widgets:​camenbert_legende.jpg?​900 |}}\\ \\ \\ {{popup> :​wiki:​widgets:​camenbert_legende.jpg?​900 |}}\\ \\ \\
 +
 +
 +======Export de données======
 +Il est possible d'​[[wiki:​widgets:​presentation_et_personnalisation_widgets#​bouton_menu|exporter]],​ sous Excel, en format .csv, les données du graphique afin de les retravailler :\\ \\ 
 +
 +{{popup> :​wiki:​widgets:​export_excel_collecte_stock.jpg?​600 |}}\\ \\ \\
 +
 +<​accordion> ​
 +<panel title = "Pour ouvrir un fichier csv, avec la dernière version d’excel"​ >
 +  * Ouvrir un **nouveau classeur**, puis **Onglet Données** : « A partir d’un fichier texte/csv » :\\ \\ <WRAP imgweb>​{{popup>​ :​wiki:​widgets:​excel_csv.jpg?​500 |}}\\ **OU** (selon les versions)\\ ​ {{popup> {{ :​wiki:​widgets:​2021-09-30_15h52_40.jpg?​500 |}}</​WRAP>​\\
 +  * **Ouvrir le fichier** à retravailler\\ \\
 +</​panel> ​
 +</​accordion>​
 +\\ \\
 ======Personnalisation de l'​affichage (réservée Administrateurs (Groupes 1 à 10))====== ======Personnalisation de l'​affichage (réservée Administrateurs (Groupes 1 à 10))======
 \\ \\  \\ \\ 
Ligne 49: Ligne 67:
 </​WRAP></​WRAP>​\\ \\  </​WRAP></​WRAP>​\\ \\ 
  
 +====Choix des séries à afficher====
 +<WRAP group>
 +<WRAP half column>​\\ Possibilité de choisir les séries à afficher si plusieurs sont disponibles :\\ Cliquer sur "​**grdDBChartView**"​ puis, sur **séries** et sélectionner/​désélectionner les séries selon les besoins.
 +</​WRAP>​
 +<WRAP half column> \\ {{popup> :​wiki:​widgets:​choix_series.jpg?​600 |}}
 +
 +</​WRAP></​WRAP>​\\ \\ 
 ====Diagramme Camembert==== ====Diagramme Camembert====
 <WRAP group> <WRAP group>
Ligne 54: Ligne 79:
 </​WRAP>​ </​WRAP>​
 <WRAP half column> \\ Cliquer sur "​**grdDBChartView**"​ puis, dans la catégorie Diagrammes/​DiagramPie : <WRAP half column> \\ Cliquer sur "​**grdDBChartView**"​ puis, dans la catégorie Diagrammes/​DiagramPie :
-  * <color #​7092be>​**DiagrammePieLegend/Position**</​color>​\\ Modifie la position du bloc de légende autour du graphique (par défaut : à droite) +  * <color #​7092be>​**DiagrammePieLegend ​-> Position**</​color>​\\ Modifie la position du bloc de légende autour du graphique (par défaut : à droite) 
-  * <color #​7092be>​**DiagrammePieValues/CaptionPosition**</​color>​\\ Affiche/​masque la **valeur** et la positionne à différents endroit dans le graphique en fonction du choix : <​html>​+  * <color #​7092be>​**DiagrammePieValues ​-> CaptionPosition**</​color>​\\ Affiche/​masque la **valeur** et la positionne à différents endroit dans le graphique en fonction du choix : <​html>​
 <iframe class="​videoTuto"​ src="​https://​player.vimeo.com/​video/​637415732"​ width="​400"​ height="​225"​ frameborder="​0"​ allow="​autoplay;​ fullscreen"​ allowfullscreen></​iframe>​ <iframe class="​videoTuto"​ src="​https://​player.vimeo.com/​video/​637415732"​ width="​400"​ height="​225"​ frameborder="​0"​ allow="​autoplay;​ fullscreen"​ allowfullscreen></​iframe>​
 </​html>​ </​html>​
- 
 </​WRAP></​WRAP>​\\ \\  </​WRAP></​WRAP>​\\ \\ 
  
 +====Autres types de diagrammes====
 +<WRAP group>
 +<WRAP half column>​\\ Possibilité de paramétrer tout autre type de diagramme :\\ Cliquer sur "​**grdDBChartView**"​ puis, sur la catégorie du diagramme. On accède ainsi au paramétrage des axes, de la légende et de l'​affichage des valeurs.
 +</​WRAP>​
 +<WRAP half column> \\ {{popup> :​wiki:​widgets:​param_diagr..jpg?​600 |}}
 +
 +</​WRAP></​WRAP>​\\ \\ \\ 
  
 +====Widget flottante====
 +Il est possible d'​extraire une widget afin de **la positionner sur un autre écran** par exemple.\\ Suivre le [[wiki:​widgets:​widget_de_grille#​widget_flottante|procédé]] décrit dans le cas des widgets de grille\\
 +\\ \\ \\