Topologie

Das Topologie-Widget kann die Topologie von Netzwerken und anderen Objekten anzeigen. Wir bieten mehrere Layout-Optionen:

image-20240821-131655.png
Screenshot 2024-08-21 094005.pngcolaJS.pngimage-20240821-083505.png

Topologie-Widget bearbeiten

Um eine Topologie zu konfigurieren, wählen Sie ein Layout und geben Sie entweder eine Datenabfrage oder eine Datenquelle für Knoten und/oder Kanten an.

Um Knoten ohne Kanten anzuzeigen, aktivieren Sie die Option Knoten ohne Kanten anzeigen.

Konfigurieren Sie anschließend in den Einstellungen die erforderlichen Felder für Knoten und Kanten:

Knoten-Konfiguration

Einstellung

Beschreibung

Spalte ID

Eindeutiger Bezeichner

Spalte "Name

Name anzeigen

Spalte "Zustand

Bestimmt die Farbkodierung für Knoten auf der Grundlage ihres Zustands. Gültige Zustände sind: OK (grün), Warning (gelb), Minor (orange), Major (rot), Maintenance (blau), No Data (grau), oder Undefined (weiß)

Icon-Spalte

Um ein Knotensymbol anzuzeigen, verwenden Sie:

  • Bildnamen aus dem Abschnitt Einstellungen/Dateien (SVG-Bilder müssen die Attribute Breite, Höhe und viewBox enthalten)

  • Standard SKOOR Bilder (z.B. device_server, device_router, etc.)

Spalte "Gruppe

Die Knoten werden anhand dieser Spalte gruppiert.

SVG-Bilder, die für die Knotenvisualisierung verwendet werden, verwenden automatisch die unter Einstellungen / Thema definierten Accent 2-Farbeinstellungen .

Rand-Konfiguration

Einstellung

Beschreibung

ID-Spalte

Eindeutiger Bezeichner

Spalte "Name

Name anzeigen

Spalte "Zustand

Bestimmt die Farbkodierung für Kanten auf der Grundlage ihres Zustands. Gültige Zustände sind: OK (grün), Warning (gelb), Minor (orange), Major (rot), Maintenance (blau), No Data (grau) oder Undefined (weiß)

Spalte Quelle

Gibt an, woher die Kante stammt. Der Wert in dieser Spalte muss mit einer bestehenden Knoten-ID übereinstimmen.

Spalte Ziel

Legt fest, wo die Kante endet. Der Wert in dieser Spalte muss mit einer vorhandenen Knoten-ID übereinstimmen.

Einstellungen

Einstellung

Beschreibung

Layout

Layout für die Platzierung von Elementen in der Ansicht:

  • fCoSE: Das fCoSE-Layout ist eine schnellere Version des CoSE-Bilkent-Layouts. Es unterstützt zusammengesetzte und nicht zusammengesetzte Graphen und liefert erstklassige Endergebnisse und hohe Leistung für ein kräftegesteuertes Layout. Darüber hinaus unterstützt fCoSE benutzerspezifische Beschränkungen der folgenden Arten von Knoten: feste Position, Ausrichtung und relative Platzierung. Wenn ein kräfteorientiertes Layout gewünscht wird, sollte fCoSE das erste Layout sein, das man ausprobiert.

  • Cola.js: Das Cola.js-Physiksimulations-Layout (kräfteorientiert). Cola liefert schöne Layout-Ergebnisse, animiert sehr flüssig und bietet großartige Optionen zur Steuerung des Layouts. Es konzentriert sich darauf, ästhetisch ansprechende Ergebnisse für relativ kleine Graphen zu liefern.

  • AVSDF: Das AVSDF-Layout. Es ordnet die Knoten in einem Kreis an und versucht, Kantenkreuzungen so weit wie möglich zu minimieren.

Knoten ohne Verbindungen anzeigen

Diese Einstellung legt fest, ob Knoten, die keine Verknüpfungen haben, angezeigt werden sollen. Wenn sie deaktiviert ist und keine Verknüpfungen konfiguriert sind, werden keine Knoten angezeigt.

Aktion beim Klicken auf den Knoten/die Kante

Definieren Sie die Klick-Aktion

Parameter

Knoten-Parameter

Auf die Datenbankspalte x einer Knotenkonfiguration kann mit der folgenden Notation zugegriffen werden:

${columns.x}

Beispiel: Die folgende Action on node click configuration öffnet das Dashboard Device Details mit dem URL-Parameter device , der auf den Wert der Spalte devicename gesetzt ist:

image-20240723-133626.png

Edge-Parameter

Parameter wie Quelle oder Ziel von Verbindungen zwischen Knoten können mehrere Werte haben (z. B. können bei einer Verbindung zwischen zwei Geräten beide als Quelle und Ziel fungieren). Daher werden sie in Form von Arrays anstelle von Einzelwerten angegeben (z. B. <Wert 1>,<Wert 2>). Obwohl auf sie auf die gleiche Weise zugegriffen wird wie auf Einzelwertparameter, müssen sie bei ihrer Verwendung anders behandelt werden.

Beispiel: Filtern von Geräten mit Hilfe von Randkonfigurationsparametern:

device=IN(${columns.devicename})