Visualizzazioni dei gra gragrafi
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
- Usare la colonna:
- Centro contenuto
- Usare la colonna:
Calls
- Renderer colonne:
Big Number
- Tavolozza dei colori:
None
- Usare la colonna:
- Contenuto inferiore
- Usare la colonna:
Kind
- Renderer colonne:
Text
- Usare la colonna:
- Contenuto principale
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
- ID nodo:
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.
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, Color = 'FD7F23' | union (data | summarize Calls = sum(Calls) by RequestId, Request | project Id = RequestId, Name = Request, Calls, Color = 'B3DE8E') | union (data | summarize Calls = sum(Calls) by Dependency | project Id = Dependency, Name = Dependency, Calls, Color = 'C9B3D5'); nodes | union (links)
Impostare Visualizzazione su
Graph
.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
- Usare la colonna:
- Centro contenuto:
- Usare la colonna:
Calls
- Renderer colonne:
Big Number
- Tavolozza dei colori:
None
- Usare la colonna:
- Contenuto inferiore:
- Usare la colonna:
Kind
- Renderer colonne:
Text
- Usare la colonna:
- Contenuto principale:
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:
Node
- Tipo di colorazione:
Field Based
- Campo colore nodo:
Color
- ID nodo:
Selezionare Salva e Chiudi nella parte inferiore del riquadro.
Passaggi successivi
Commenti e suggerimenti
https://aka.ms/ContentUserFeedback.
Presto disponibile: Nel corso del 2024 verranno gradualmente disattivati i problemi di GitHub come meccanismo di feedback per il contenuto e ciò verrà sostituito con un nuovo sistema di feedback. Per altre informazioni, vedereInvia e visualizza il feedback per