Cet article a pour objectif de vous guider à travers les étapes de création et de configuration d'un composant graphique XY pour vos tableaux de bord.
Ajouter un composant graphique X/Y
Dans l'écran de visualisation d'un tableau de bord, cliquez sur le bouton encadré ci-dessous pour ajouter un nouveau composant.
Sélectionnez ensuite le composant "X/Y".
La page de configuration du composant s'affiche.
Informations générales
Commencez par saisir un titre (obligatoire) et une description (facultatif) à votre composant.
Pour un composant graphique X/Y, pensez également à paramétrer :
le type d'affichage souhaité : nuage de points ou dernière valeur
l'agrégation à appliquer aux valeurs et la durée de référence :
Par exemple, si on souhaite avoir la moyenne des valeurs toutes les heures, on sélectionne l'agrégation "AVG" et on indique 1h en durée :
Paramétrer la période du composant (section temporalité)
La section Temporalité vous permet de définir la plage de temps sur laquelle les données de votre composant sont affichées.
Par défaut, chaque composant hérite de la période globale sélectionnée pour l'ensemble du tableau de bord.
Vous disposez néanmoins de deux options pour personnaliser cette période spécifiquement pour votre composant.
Appliquer un décalage temporel
Cette option vous permet d'afficher les données du composant sur une période de même durée que celle du tableau de bord, mais décalée dans le temps.
C'est utile, par exemple, pour comparer la journée en cours sur le tableau de bord avec les données de la veille dans un composant spécifique.
Pour plus de détails, consultez le paragraphe dédié au décalage temporel.
Verrouiller une période spécifique
Utilisez cette option si vous souhaitez que votre composant affiche toujours une période de temps fixe, indépendamment de la période globale sélectionnée sur le tableau de bord.
Pour ce faire, cliquez sur le bouton "Verrouiller" puis sélectionnez la plage de temps que vous souhaitez appliquer à votre composant.
Configuration des données
Une fois les informations générales saisies, vous pouvez sélectionner la métrique à utiliser, en cliquant sur le bouton Rechercher une métrique.
La fenêtre habituelle de recherche d'une métrique dans io-base s'ouvre.
Plusieurs onglets permettent une recherche soit à partir de l'arborescence, soit par métadonnées, soit par nom de métrique. Lorsque vous avez trouvé la bonne métrique, cliquer sur le bouton "+".
La métrique apparaît dans le tableau de droite.
Vous pouvez supprimer la métrique du tableau de droite en vous servant des icônes de suppression.
Important : pour un composant graphique X/Y, vous devez sélectionner deux métriques.
Pour valider la sélection, cliquer sur Enregistrer.
Une prévisualisation du graphique X/Y s'affiche sur la gauche.
Il vous est possible de paramétrer plusieurs éléments dans le graphique :
la taille des points affichés :
Par exemple si on a 5, on a des points :
Et si on saisit 10, les points deviennent davantage volumineux :
la couleur des points
le nom d'affichage des métrique dans la légende
Échelles
À partir du tableau Échelles, vous pouvez saisir des valeurs minimales et maximales de visibilité de votre graphique X/Y, ainsi que le pas à appliquer pour les graduations. À chaque modification, le graphique se met à jour sur le côté gauche pour vous permettre de visualiser les changements.
Abaques
Cette fonctionnalité vous permet de représenter sur votre graphique des équations mathématiques liées à des processus spécifiques. En utilisant une variable correspondant aux valeurs de l'axe des abscisses, vous pouvez modéliser des relations mathématiques et visualiser clairement les tendances propres à vos processus.
Pour ajouter un abaque, cliquer sur "Nouvel abaque".
Différents champs de configuration apparaissent.
Commencez par renseigner l'équation de la droite que vous souhaitez afficher dans le graphique.
Pour construire votre équation, vous devez utiliser une variable
Syntaxe : pour indiquer la variable dans votre équation, représentant la valeur des abscisses, saisir "x".
On a donc par exemple l'équation 2*x.
Renseignez un label à votre variable :
Ensuite, cliquer sur l'icône représentant votre droite, pour la paramétrer :
Vous pouvez alors configurer :
le style de courbe : continue ou en pointillée
la valeur min et max que doit prendre votre variable x (valeur des abscisses)
Par exemple, si vous saisissez min = 0 et max = 10, la courbe de 2*x sera tracée pour l'intervalle de x [0;10]
la taille de la courbe : permet de définir l'épaisseur de la droite sur le graphique
la couleur de la courbe :
le style de l'aire : vous pouvez choisir d'afficher ou non l'aire sous la courbe, vers le haut ou vers le bas
Une fois ces paramètres renseignés, la courbe de l'équation s'affiche :
Une fois la totalité du paramétrage terminée, vous pouvez cliquer sur Enregistrer pour sauvegarder et faire apparaître votre composant dans le tableau de bord.
