...
...
...
...
...
Les graphiques permettent de résumer de représenter manière graphiques des données de manière visuelle. statistiques qualitatives et quantitatives et de mettre en avant les liens entre les données.
Contexte
Le data reader peut être utilisé dans différents contextes :
un crud (usage non-testé par le métier à date)
un widget (une documentation spécifique aux widget est consultable ici : https://divalto.atlassian.net/wiki/x/N4BdkwI)
Types de graphique
Le choix du type de graphique utilisé est important, car il détermine la qualité de restitution des données.
...
Actuellement, les types de widgets sont les suivants :
| Pages enfant (affichage des enfants) | ||
|---|---|---|
|
Le type de graphique est défini en fonction de ce qu’on veut montrer à l’utilisateur. :
Usage | Type de graphique | Illustration |
|---|---|---|
Pour comparer des valeurs indépendantes | Histogramme |  |
Pour comparer les compositions de plusieurs valeurs | Histogramme empilé |  |
Pour comparer les valeurs d’un tout (composition, répartition) |  | |
Pour montrer une évolution continue dans le temps |  | |
Histogramme ou histogramme empilé | | |
Pour comparer / analyser des données plus complexse (montrer une évolution de valeurs dans le temps et indiquer une moyenne, un min, un max, …) | Graphique combiné (courbe / histogramme) |
FAQ
Quelle taille pour mon widget ?
Définir une taille minimum pour le graphique afin de faciliter la lecture au moment où l’utilisateur l’insère dans un tableau de bord. Faire en sorte que les données s’affichent correctement :
ne pas rogner le titre,
affichage lisible du graphique, des étiquettes d’axe et de la légende
Quel titre pour mon widget ?
...
Quelles sont les bonnes pratiques pour la légende ?
Afficher les libellés plutôt que les codes, sauf s’il est plus pertinent d'afficher les codes.
Exemple :
Cas où il est plus pertinent d’indiquer le code + libellé : Compte comptable : 60600000 - Achats non stockés de matières et fourn.
étiquette Labels de donnée : ne pas afficher la donnée chiffrée entre parenthèse dans la légende. Laisser cette info au survol du graphique.
...
Utiliser les couleurs de la charte
Garder un maximum de cohérence au niveau des couleurs d’une vue à l’autre.
Exemple :
si je fais un graph sur un chiffre d’affaire sur la fiche client, avoir une couleur identique que celle qui représente le chiffre d’affaire sur l’interface d’accueil)
...
Tooltip au survol : pousser des informations au second plan
Au hover, la tooltip indique des informations supplémentaires.
L’intégrateur peut personnaliser les infos qui y figureront. Exemples :
le type de segment / la légende
la donnée chiffrée + son unité
le pourcentage
La valeur doit s’afficher au rollover survol sur la partie graphique
Actions au clic
...