Topologie

Das Topologie-Widget kann Topologien 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

Bearbeiten des Topologie-Widgets

Um eine Topologie zu konfigurieren, wählen Sie ein Layout aus 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 die erforderlichen Felder für Knoten und Kanten in den Einstellungen:

Konfiguration

Einstellung

Beschreibung

Spalte „Knoten-ID“

Eindeutige Kennung

Spalte „Knotenname“

Anzeigename

Spalte „Knotenzustand“

Legt die Farbcodierung für Knoten basierend auf ihrem Status fest. Gültige Status sind: OK (grün), Warning (gelb), Minor (orange), Major (rot), Wartung (blau), No Data (grau) oder Undefined (weiß)

Spalte „Knotensymbol“

Um ein Knotensymbol anzuzeigen, verwenden Sie:

  • Bildnamen aus dem Abschnitt „Einstellungen/Dateien“ (SVG-Bilder müssen die Attribute „width“, „height“ und „viewBox“ enthalten)

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

Spalte „Knotengruppe“

Die Knoten werden anhand dieser Spalte gruppiert.

Spalte „Edge-ID“

Eindeutige Kennung

Spalte „Edge Name“

Anzeigename

Spalten „Edge State“

Legt die Farbcodierung für Kanten basierend auf ihrem Status fest. Gültige Status sind: OK (grün), Warning (gelb), Minor (orange), Major (rot), Wartung (blau), No Data (grau) oder Undefined (weiß)

Spalten „Edge Source“ (Kantenquelle)

Gibt an, woher die Kante stammt. Der Wert in dieser Spalte muss einer vorhandenen Knoten-ID entsprechen.

Spalte „Kantenziel“

Gibt an, wo die Kante endet. Der Wert in dieser Spalte muss einer vorhandenen Knoten-ID entsprechen.

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

Einstellungen

Einstellung

Beschreibung

Layout

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

  • fCoSE (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 eine hohe Leistung für ein kraftgesteuertes Layout. Darüber hinaus unterstützt fCoSE benutzerdefinierte Einschränkungen der folgenden Arten für Knoten: feste Position, Ausrichtung und relative Platzierung. Wenn ein kraftgesteuertes Layout gewünscht wird, sollte fCoSE das erste Layout sein, das ausprobiert wird.

  • Cola.js: Das Cola.js-Layout mit physikalischer Simulation (kraftgesteuert). 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 Knoten in einem Kreis an und versucht, Kantenüberschneidungen so weit wie möglich zu minimieren.

Knoten ohne Kanten anzeigen

Diese Einstellung legt fest, ob Knoten ohne Verbindungen angezeigt werden sollen. Wenn diese Option deaktiviert ist und keine Verbindungen konfiguriert sind, werden keine Knoten angezeigt.

Klickaktion für Knoten

Klickaktion definieren

Kantenklick-Aktion

Klickaktion definieren

Parameter

Knotenparameter

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

${columns.x}

Beispiel: Die folgende Aktion bei Klick auf Knoten öffnet das Dashboard „Gerätedetails“ 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 Verknüpfungen 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 liegen sie in Form von Arrays statt als Einzelwerte vor (z. B. <Wert 1>,<Wert 2>). Obwohl sie auf die gleiche Weise wie Einzelwertparameter aufgerufen werden, müssen sie bei der Verwendung unterschiedlich behandelt werden.

Beispiel: Geräte anhand von Edge-Konfigurationsparametern filtern:

device=IN(${columns.devicename})