Cet article a pour objectif de vous guider à travers les étapes de création et de configuration d'un composant graphique pour vos tableaux de bord.

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 "graphique".

La page de configuration du composant s'affiche.

Commencez par saisir un titre (obligatoire) et une description (facultatif) à votre composant.

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.

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.

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.

Une fois les informations générales saisies, vous pouvez sélectionner les métriques à utiliser, en cliquant sur le bouton Rechercher une métrique.

La fenêtre habituelle de recherche d'une métrique de io-base s'ouvre.

Plusieurs onglets permettent une recherche soit à partir de l'arborescence, soit par méta-données, soit par nom de métrique. Lorsque vous avez trouvé les bonnes métriques, cliquer sur le bouton permettant de les ajouter. Les métriques apparaissent dans le tableau de droite.

Vous pouvez supprimer les métriques du tableau de droite en vous servant de l'icône de suppression.

Remarque : pour un composant graphique, il est possible d'ajouter plusieurs métriques.

Pour valider la sélection, cliquer sur "Sélectionner".

Une prévisualisation du graphique s'affiche sur la gauche.

Vous pouvez paramétrer un certain nombre de détails sur les courbes :

Vous pouvez aussi indiquer si vous souhaitez que les courbes apparaissent en escalier (droites de valeur en valeur) ou interpolées.

Chaque courbe peut être dupliquée. Pour ce faire, dans la colonne Actions, cliquer sur le bouton encadré ci-dessous :

À partir du tableau Échelles, vous pouvez saisir des valeurs minimales et maximales de visibilité de votre graphique, ainsi que le pas à appliquer pour les graduations. A chaque modification, le graphique se met à jour sur le côté gauche pour visualiser les changements.

Enfin, il est possible de définir un ou plusieurs seuils. (horizontal ou vertical, avec légende, couleur, et si il doit apparaître en trait continu ou en pointillé).

Pour ce faire, cliquer sur le bouton "Nouveau seuil" :

Des champs de configuration apparaissent pour vous permettre de définir le nouveau seuil.

Commencer par sélectionner l'axe pour lequel vous souhaitez créer un seuil.

Nommer votre seuil :

Puis, indiquer la position où vous souhaitez voir apparaître le libellé du seuil sur votre graphique :

Vous pouvez ensuite paramétrer la définition de votre seuil en cliquant sur le bouton représentant le seuil :

Indiquer :

Une fois la totalité des paramétrages terminée, vous pouvez cliquer sur Enregistrer en haut à droite de l'écran, pour sauvegarder et faire apparaître votre composant dans le tableau de bord.