Visualizzazioni dei gra gragrafi

Articolo
11/23/2023

Le visualizzazioni dei grafici delle cartelle di lavoro di Azure supportano la visualizzazione di grafici arbitrari in base ai dati dei log per visualizzare le relazioni tra le entità di monitoraggio.

Il grafico seguente mostra il flusso di dati da e verso un computer tramite varie porte da e verso computer esterni. È colorato in base al tipo, ad esempio computer e porta e IP esterno. Le dimensioni dei bordi corrispondono alla quantità di dati che passano tra di loro. I dati sottostanti provengono da una query KQL destinata alle connessioni vm.

Aggiungere un grafo

Passare alla modalità di modifica della cartella di lavoro selezionando Modifica.
Usare il collegamento Aggiungi query per aggiungere un controllo query di log alla cartella di lavoro.
Per Tipo di query selezionare Log. In Tipo di risorsa selezionare, ad esempio Application Insights, e selezionare le risorse di destinazione.

Usare l'editor di query per immettere KQL per l'analisi.

let data = dependencies
| summarize Calls = count() by App = appName, Request = operation_Name, Dependency = name
| extend RequestId = strcat(App, '::', Request);
let links = data
| summarize Calls = sum(Calls) by App, RequestId
| project SourceId = App, TargetId = RequestId, Calls, Kind = 'App -> Request'
| union (data
    | project SourceId = RequestId, TargetId = Dependency, Calls, Kind = 'Request -> Dependency');
let nodes = data
| summarize Calls = sum(Calls) by App
| project Id = App, Name = App, Calls, Kind = 'App'
| union (data
    | summarize Calls = sum(Calls) by RequestId, Request
    | project Id = RequestId, Name = Request, Calls, Kind = 'Request')
| union (data
    | summarize Calls = sum(Calls) by Dependency
    | project Id = Dependency, Name = Dependency, Calls, Kind = 'Dependency');
nodes
| union (links)

Impostare Visualizzazione su Grafico.
Selezionare Graph Impostazioni per aprire il riquadro Impostazioni Graph.
In Formato nodo Impostazioni nella parte superiore impostare:
- Contenuto principale
  - Usare la colonna: Name
  - Renderer colonne: Text
- Centro contenuto
  - Usare la colonna: Calls
  - Renderer colonne: Big Number
  - Tavolozza dei colori: None
- Contenuto inferiore
  - Usare la colonna: Kind
  - Renderer colonne: Text
In Layout Impostazioni nella parte inferiore impostare:
- ID nodo: Id
- ID origine: SourceId
- ID di destinazione: TargetId
- Etichetta edge: None
- Dimensioni bordo: Calls
- Dimensioni nodo: None
- Tipo di colorazione: Categorical
- Campo colore nodo: Kind
- Tavolozza dei colori: Pastel
Selezionare Salva e Chiudi nella parte inferiore del riquadro.

Impostazioni del grafico

Impostazione	Descrizione
`Node ID`	Seleziona una colonna che fornisce l'ID univoco dei nodi nel grafico. Il valore della colonna può essere una stringa o un numero.
`Source ID`	Seleziona una colonna che fornisce gli ID dei nodi di origine per i bordi del grafico. I valori devono essere mappati a un valore nella `Node Id` colonna.
`Target ID`	Seleziona una colonna che fornisce gli ID dei nodi di destinazione per i bordi del grafico. I valori devono essere mappati a un valore nella `Node Id` colonna.
`Edge Label`	Seleziona una colonna che fornisce etichette di arco nel grafico.
`Edge Size`	Seleziona una colonna che fornisce la metrica sulla quale si basano le larghezze dei bordi.
`Node Size`	Seleziona una colonna che fornisce la metrica su cui si basano le aree del nodo.
`Coloring Type`	Consente di scegliere la combinazione di colorazione dei nodi.

Tipi di colorazione dei nodi

Tipo di colorazione	Descrizione
`None`	Tutti i nodi hanno lo stesso colore.
`Categorical`	I nodi vengono assegnati colori in base al valore o alla categoria di una colonna nel set di risultati. Nell'esempio precedente la colorazione è basata sulla colonna `Kind` del set di risultati. Le tavolozze supportate sono `Default`, `Pastel`e `Cool tone`.
`Field Based`	In questo tipo, una colonna fornisce valori RGB specifici da usare per il nodo. Offre la massima flessibilità, ma in genere richiede più lavoro da abilitare.

Impostazioni del formato del nodo

È possibile specificare il contenuto nelle diverse parti di un nodo: in alto, a sinistra, al centro, a destra e in basso. I grafici possono usare qualsiasi cartella di lavoro dei renderer supporta come testo, numeri grandi, linee spark e icone.

Colorazione dei nodi basata su campo

Passare alla modalità di modifica della cartella di lavoro selezionando Modifica.
Usare il collegamento Aggiungi query per aggiungere un controllo query di log alla cartella di lavoro.
Per Tipo di query selezionare Log. In Tipo di risorsa selezionare, ad esempio Application Insights, e selezionare le risorse di destinazione.