Topologia

Il widget Topologia è in grado di visualizzare topologie di reti e 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 Nodi e/o Bordi.

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

Quindi, configurare i campi necessari per i nodi e i bordi nelle impostazioni:

Configurazione dei nodi

Impostazione

Descrizione

Colonna ID

Identificatore univoco

Colonna Nome

Nome visualizzato

Colonna Stato

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

Colonna icona

Per visualizzare l'icona di un nodo, utilizzare:

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

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

Colonna Gruppo

I nodi saranno raggruppati in base a questa colonna.

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

Configurazione dei bordi

Impostazione

Descrizione

Colonna ID

Identificatore univoco

Colonna Nome

Nome visualizzato

Colonna Stato

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

Colonna Origine

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

Colonna Destinazione

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

Impostazioni

Impostazione

Descrizione

Layout

Layout per il posizionamento degli elementi nella vista:

  • fCoSE: Il layout fCoSE è una versione più veloce del layout CoSE-Bilkent. Supporta grafi composti e non composti, fornendo risultati finali di alto livello e prestazioni elevate per un layout orientato alla forza. Inoltre, fCoSE supporta i vincoli specificati dall'utente sui nodi: posizione fissa, allineamento e posizionamento relativo. Se si desidera un layout orientato alla forza, fCoSE dovrebbe essere il primo layout da provare.

  • Cola.js: Il layout di simulazione fisica Cola.js (orientato alla forza). Cola produce bellissimi risultati di layout, si anima in modo molto fluido e ha ottime opzioni per controllare il 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 minimizzare il più possibile gli incroci dei bordi

Mostra nodi senza collegamenti

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

Azione al clic su nodo/bordo

Definisce l'azione del clic

Parametri

Parametri dei nodi

La colonna x del database della configurazione di un nodo è accessibile con la seguente notazione:

${columns.x}

Esempio: La seguente azione sulla configurazione del clic del 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 la sorgente o la destinazione dei collegamenti tra i nodi possono avere più valori (ad esempio, in una connessione tra due dispositivi, entrambi possono agire come sorgente e destinazione). Pertanto, si presentano sotto forma di array invece che di valori singoli (ad esempio, <valore 1>,<valore 2>). Sebbene si acceda a questi parametri allo stesso modo di quelli a valore singolo, il loro utilizzo deve essere trattato in modo diverso.

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

device=IN(${columns.devicename})