Différences
Ci-dessous, les différences entre deux révisions de la page.
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:32] Nadège ORVOEN [Types de graphique] |
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>**Hint Hide Pause**</color>\\ Modifie le **délai d'affichage des bulles**. Renseigner une valeur en **millisecondes** (ici 5000 ms= 5s) | + | * <color #7092be>**DiagrammePieLegend -> Position**</color>\\ Modifie la position du bloc de légende autour du graphique (par défaut : à droite) |
- | * <color #7092be>**Hint Value**</color>\\ Affiche la **valeur dans une bulle au survol de la souris** si "true". Sinon renseigner "False" | + | * <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>**Title**</color>\\ renseigner le **Titre du diagramme** à afficher. <callout type="warning" icon="true">Cliquer dans un autre champ avant d'enregistrer sinon la modification n'est pas prise en compte.</callout> | + | <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\\ | ||
+ | \\ \\ \\ |