圖表視覺效果
Azure 活頁簿圖表視覺效果支援根據記錄中的資料來視覺化任意圖表,以便顯示監視實體之間的關聯。
下圖顯示流入/流出電腦的資料,其透過各種來自/連接至外部電腦的連接埠。 依照類型而用不同的顏色標示,例如電腦、連接埠、外部 IP。 邊緣大小會對應到在這之間流動的資料量。 基礎資料來自以 VM 連線為目標的 KQL 查詢。
新增圖形
選取 [編輯] 以將活頁簿切換為編輯模式。
使用 [新增查詢] 連結,以將記錄查詢控制項新增至活頁簿。
針對 [查詢類型],選取 [記錄]。 針對 [資源類型],例如,選取 [Application Insights],然後選取要鎖定的資源。
使用查詢編輯器來輸入 KQL 以進行分析。
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)
將 [視覺效果] 設定為 [圖表]。
選取 [圖表設定] 以開啟 [圖表設定] 窗格。
在頂端的 [節點格式設定] 中,設定:
- 上方內容
- 使用資料行:
Name
- 資料行轉譯器:
Text
- 使用資料行:
- 中間內容
- 使用資料行:
Calls
- 資料行轉譯器:
Big Number
- 調色盤:
None
- 使用資料行:
- 下方內容
- 使用資料行:
Kind
- 資料行轉譯器:
Text
- 使用資料行:
- 上方內容
在底部的 [配置設定] 中,設定:
- 節點識別碼:
Id
- 來源識別碼:
SourceId
- 目標識別碼:
TargetId
- Edge 標籤:
None
- 邊緣大小:
Calls
- 節點大小:
None
- 著色類型:
Categorical
- 節點色彩欄位:
Kind
- 調色盤:
Pastel
- 節點識別碼:
選取窗格底部的 [儲存並關閉]。
圖表設定
設定 | 描述 |
---|---|
Node ID |
在圖表上選取提供節點唯一識別碼的資料行。 資料行的值可以是字串或數字。 |
Source ID |
在圖表上選取為邊緣提供來源節點識別碼的資料行。 值必須對應至資料行中的 Node Id 值。 |
Target ID |
在圖表上選取為邊緣提供目標節點識別碼的資料行。 值必須對應至資料行中的 Node Id 值。 |
Edge Label |
選取在圖表上提供邊緣標籤的資料行。 |
Edge Size |
選取一個資料行,提供邊緣寬度所依據的計量。 |
Node Size |
選取一個資料行,提供節點區域所依據的計量。 |
Coloring Type |
用來選擇節點著色配置。 |
節點著色類型
著色類型 | 描述 |
---|---|
None |
所有節點都具有相同的色彩。 |
Categorical |
節點會根據結果集中來自資料行的值或類別獲指派色彩。 在上述範例中,著色是以結果集的資料行 Kind 為基礎。 支援的調色盤為 Default 、Pastel 和 Cool tone 。 |
Field Based |
在此類型中,資料行會提供要用於節點的特定 RGB 值。 提供最大的彈性,但通常需要更多的工作才能啟用。 |
節點格式設定
您可以指定哪個內容會移至節點的不同部分:上、左、中、右和下。 圖表可以使用任何轉譯器的活頁簿支援,例如文字、大數、Spark 折線圖和圖示。
欄位型節點著色
選取 [編輯] 以將活頁簿切換為編輯模式。
使用 [新增查詢] 連結,以將記錄查詢控制項新增至活頁簿。
針對 [查詢類型],選取 [記錄]。 針對 [資源類型],例如,選取 [Application Insights],然後選取要鎖定的資源。
使用查詢編輯器來輸入 KQL 以進行分析。
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)
將 [視覺效果] 設定為
Graph
。選取 [圖表設定] 以開啟 [圖表設定] 窗格。
在頂端的 [節點格式設定] 中,設定:
- 上方內容:
- 使用資料行:
Name
- 資料行轉譯器:
Text
- 使用資料行:
- 中間內容:
- 使用資料行:
Calls
- 資料行轉譯器:
Big Number
- 調色盤:
None
- 使用資料行:
- 下方內容:
- 使用資料行:
Kind
- 資料行轉譯器:
Text
- 使用資料行:
- 上方內容:
在底部的 [配置設定] 中,設定:
- 節點識別碼:
Id
- 來源識別碼:
SourceId
- 目標識別碼:
TargetId
- Edge 標籤:
None
- 邊緣大小:
Calls
- 節點大小:
Node
- 著色類型:
Field Based
- 節點色彩欄位:
Color
- 節點識別碼:
選取窗格底部的 [儲存並關閉]。