Topologia

Il widget Topologia è in grado di visualizzare le topologie delle reti e di altri oggetti. Sono disponibili diverse opzioni di layout:

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

Modifica del widget Topologia

Per configurare una topologia, selezionare un layout e specificare una query dati o un'origine dati per i nodi e/o i bordi.

Per visualizzare i nodi senza bordi, abilitare l'opzione Mostra nodi senza bordi.

Successivamente, configurare i campi necessari per i nodi e gli spigoli nelle impostazioni:

Configurazione

Impostazione

Descrizione

Colonna ID nodo

Identificatore univoco

Colonna Nome nodo

Nome visualizzato

Colonna Stato nodo

Determina la codifica a colori dei nodi in base al loro stato. Gli stati validi includono: OK (verde), Warning (giallo), Minor (arancione), Major (rosso), Manutenzione (blu), No Data (grigio) o Undefined (bianco)

Colonna Icona nodo

Per visualizzare un'icona del nodo, utilizzare:

  • Nomi delle immagini dalla sezione Impostazioni/File (le immagini SVG devono includere gli attributi larghezza, altezza e viewBox)

  • Immagini SKOOR standard (ad es. device_server, device_router, ecc.)

Colonna Gruppo di nodi

I nodi saranno raggruppati in base a questa colonna.

Colonna ID bordo

Identificatore univoco

Colonna Nome periferica

Nome visualizzato

Colonna Stato bordo

Determina la codifica a colori dei bordi in base al loro stato. Gli stati validi includono: OK (verde), Warning (giallo), Minor (arancione), Major (rosso), Manutenzione (blu), No Data (grigio) o Undefined (bianco)

Colonna Origine bordo

Specifica l'origine del bordo. Il valore in questa colonna deve corrispondere a un ID nodo esistente.

Colonna Destinazione bordo

Specifica dove termina il bordo. Il valore in questa colonna deve corrispondere a un ID nodo esistente.

Le immagini SVG utilizzate per la visualizzazione dei nodi utilizzano automaticamente le impostazioni di colore Accent 2 definite in Impostazioni / Tema.

Impostazioni

Impostazione

Descrizione

Layout

Layout per il posizionamento degli elementi nella vista:

  • fCoSE (fCoSE): il layout fCoSE è una versione più veloce del layout CoSE-Bilkent. Supporta grafici composti e non composti, offrendo risultati finali di alto livello e prestazioni elevate per un layout force-directed. Inoltre, fCoSE supporta vincoli specificati dall'utente dei seguenti tipi sui nodi: posizione fissa, allineamento e posizionamento relativo. Se si desidera un layout force-directed, fCoSE dovrebbe essere il primo layout da provare.

  • Cola.js: il layout di simulazione fisica (force-directed) Cola.js. Cola produce risultati di layout bellissimi, si anima in modo molto fluido e offre ottime opzioni per il controllo del layout. Si concentra sul fornire risultati esteticamente gradevoli per grafici relativamente piccoli.

  • AVSDF: il layout AVSDF. Organizza i nodi in un cerchio e cerca di ridurre al minimo gli incroci dei bordi.

Mostra nodi senza bordi

Questa impostazione determina se visualizzare i nodi che non hanno collegamenti. Se disabilitata e non sono configurati collegamenti, non verrà visualizzato alcun nodo.

Azione clicca sul nodo

Definire l'azione del clic

Azione clic sull'arco

Definire l'azione del clic

Parametri

Parametri del nodo

È possibile accedere alla colonna x del database di una configurazione di nodo utilizzando la seguente notazione:

${columns.x}

Esempio: la seguente configurazione dell'azione al clic sul nodo apre il dashboard Dettagli dispositivo con il parametro URL device impostato sul valore della colonna devicename:

image-20240723-133626.png

Parametri del bordo

Parametri come l'origine o la destinazione dei collegamenti tra i nodi possono avere più valori (ad esempio, in una connessione tra due dispositivi, entrambi possono fungere da origine e destinazione). Pertanto, si presentano sotto forma di array anziché di valori singoli (ad esempio <valore 1>,<valore 2>). Sebbene siano accessibili allo stesso modo dei parametri a valore singolo, devono essere trattati in modo diverso quando vengono utilizzati.

Esempio: filtrare i dispositivi utilizzando i parametri di configurazione dei bordi:

device=IN(${columns.devicename})