wiki:widgets:widget_graph

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 10:27] – [Diagramme Camembert] n.orvoenwiki:widgets:widget_graph [2025/02/05 09:44] (Version actuelle) n.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>**DiagrammePieValue/position**</color>\\ Affiche/masque la **valeur** et la positionne à différents endroit dans le graphique en fonction du choix :  +  * <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> 
 +</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\\
 +\\ \\ \\