Topologie

Le widget Topologie permet d'afficher les topologies des réseaux et d'autres objets. Nous proposons plusieurs options de mise en page :

Modification du widget Topologie

Pour configurer une topologie, sélectionnez une mise en page et spécifiez une requête de données ou une source de données pour les nœuds et/ou les arêtes.

Pour afficher les nœuds sans arêtes, activez l'option Afficher les nœuds sans arêtes.

Ensuite, configurez les champs nécessaires pour les nœuds et les arêtes dans les paramètres :

Configuration

Paramètre	Description
Colonne ID du nœud	Identifiant unique
Colonne Nom du nœud	Nom d'affichage
Colonne État du nœud	Détermine le code couleur des nœuds en fonction de leur état. Les états valides sont les suivants : OK (vert), Warning (jaune), Minor (orange), Major (rouge), Maintenance (bleu), No Data (gris) ou Undefined (blanc)
Colonne Icône du nœud	Pour afficher une icône de nœud, utilisez : Noms d'images de la section Paramètres/Fichiers (les images SVG doivent inclure les attributs width, height et viewBox) Images SKOOR standard (par exemple, device_server, device_router, etc.)
Colonne Groupe de nœuds	Les nœuds seront regroupés en fonction de cette colonne.
Colonne ID de bord	Identifiant unique
Colonne Nom de la périphérie	Nom d'affichage
Colonne État de l'arête	Détermine le code couleur des bords en fonction de leur état. Les états valides sont les suivants : OK (vert), Warning (jaune), Minor (orange), Major (rouge), Maintenance (bleu), No Data (gris) ou Undefined (blanc)
Colonne Source de l'arête	Spécifie l'origine de l'arête. La valeur de cette colonne doit correspondre à un ID de nœud existant.
Colonne Destination de l'arête	Spécifie où l'arête se termine. La valeur dans cette colonne doit correspondre à un ID de nœud existant.

Les images SVG utilisées pour la visualisation des nœuds utilisent automatiquement les paramètres de couleur Accent 2 définis dans Paramètres / Thème.

Paramètres

Paramètre	Description
Mise en page	Mise en page pour placer les éléments dans la vue : `fCoSE` : la disposition fCoSE est une version plus rapide de la disposition CoSE-Bilkent. Elle prend en charge les graphiques composés et non composés, offrant des résultats finaux de premier ordre et des performances élevées pour une disposition orientée force. De plus, fCoSE prend en charge les contraintes spécifiées par l'utilisateur sur les nœuds : position fixe, alignement et placement relatif. Si vous souhaitez une disposition orientée force, fCoSE devrait être la première disposition à essayer. `Cola.js` : la disposition Cola.js physics simulation (force-directed). Cola produit de beaux résultats de disposition, s'anime de manière très fluide et offre d'excellentes options pour contrôler la disposition. Elle vise à donner des résultats esthétiques pour des graphes relativement petits. `AVSDF` : la disposition AVSDF. Elle organise les nœuds en cercle et tente de minimiser autant que possible les croisements d'arêtes.
Afficher les nœuds sans arêtes	Ce paramètre détermine s'il faut afficher les nœuds qui n'ont pas de liens. S'il est désactivé et qu'aucun lien n'est configuré, aucun nœud ne sera affiché.
Action sur le clic sur un nœud	Définir l'action sur le clic
Action sur clic sur une arête	Définir l'action sur le clic

Paramètres

Paramètres du nœud

La colonne x de la base de données d'une configuration de nœud est accessible à l'aide de la notation suivante :

${columns.x}

Exemple : la configuration suivante de l'action sur le clic du nœud ouvre le tableau de bord Device Details (Détails de l'appareil) avec le paramètre URL device défini sur la valeur de la colonne devicename :

Paramètres de bord

Les paramètres tels que la source ou la destination des liens entre les nœuds peuvent avoir plusieurs valeurs (par exemple, dans une connexion entre deux appareils, les deux peuvent servir de source et de destination). Ils se présentent donc sous la forme de tableaux plutôt que de valeurs uniques (par exemple, <valeur 1>,<valeur 2>). Bien qu'ils soient accessibles de la même manière que les paramètres à valeur unique, ils doivent être traités différemment lorsqu'ils sont utilisés.

Exemple : filtrer les appareils à l'aide des paramètres de configuration des bords :

device=IN(${columns.devicename})