節點圖面板

本文件主題是針對支援 Grafana 9.x 版的 Grafana 工作區所設計。

如需支援 Grafana 10.x 版的 Grafana 工作區，請參閱。在 Grafana 第 10 版工作

如需支援 Grafana 8.x 版的 Grafana 工作區，請參閱。在 Grafana 第 8 版中工作

節點圖面板可視化有向圖或網絡。它使用定向力佈局來有效地定位節點，以便它可以幫助顯示複雜的基礎設施地圖，層次結構或運行圖表。

資料需求

節點圖表面板需要特定形狀的數據才能顯示其節點和邊緣。並非每個資料來源或查詢都可以在此面板中視覺化。

節點圖可視化由節點和邊緣組成。

• 節點會顯示為圓形。節點可能代表應用程式、服務或其他任何從應用程式的角度來看相關的項目。

• 邊會顯示為連接兩個節點的直線。連接可能是一個請求，操作，或兩個節點之間的一些其他關係。

節點和邊緣都可以具有關聯的中繼資料或統計資料。資料來源定義顯示的資訊和值，因此不同的資料來源可以顯示不同類型的值，或不顯示某些值。

節點

通常，節點會在節點內顯示兩個統計值，並在節點下方顯示兩個標識符，通常是名稱和類型。節點還可以將另一組值顯示為節點周圍的顏色圓圈，不同顏色的部分表示不同的值，最多應該加起來 1。例如，您可以使用圓的紅色部分來表示錯誤的百分比。

您可以在關聯式功能表中顯示其他詳細資訊，選擇節點時會顯示該功能表。前後關聯功能表中也可以有其他連結，這些連結可以鎖定 Grafana 工作區的其他部分或任何外部連結。

注意

節點圖只能顯示 1,500 個節點。如果超過此限制，則會在右上角看到警告，並且某些節點將被隱藏。您可以通過單擊圖形中的隱藏節點標記來展開圖形的隱藏部分。

Edges (邊)

當您將游標懸停在邊緣上時，邊緣也可以顯示統計資料。與節點類似，您可以通過選擇邊緣來打開包含其他詳細信息和鏈接的上下文菜單。

支援此視覺效果的第一個 AWS X-Ray 資料來源是其服務對映圖徵的資料來源。如需詳細資訊，請參閱 Connect 至資 AWS X-Ray 料來源。

導航節點圖

您可以在節點圖形中選擇任何節點或邊緣之外並拖曳指標，來在節點圖形中平移。

您可以使用節點圖形左上角的按鈕進行縮放。

隱藏節點

在指定時間顯示的節點數目受到限制，以維持合理的效能。超出此限制的節點會隱藏在可按一下的標記後面，這些標記會顯示連接到該邊緣的近似隱藏節點數目。您可以選擇標記來展開該節點周圍的圖形。

網格檢視

您可以切換到網格檢視，以更好地了解圖表中最有趣的節點。網格視圖顯示在沒有邊緣的網格節點，並且可以通過節點內顯示的統計或由節點的彩色邊框表示的統計數據進行排序。

若要排序節點，請選擇圖例內的統計資料。統計名稱旁邊的標記顯示當前用於排序和排序方向的統計數據。

選擇節點，然後選擇「在圖表中顯示」版面配置選項，以切換回焦點在所選節點的圖形版面配置，以在完整圖表的上下文中顯示該節點。

Data API (資料 API)

此視覺效果需要從資料來源傳回的特定形狀的資料，才能正確顯示它。

節點圖形至少需要描述圖形的邊緣的數據幀。默認情況下，節點圖將計算基於此數據幀的節點和任何統計數據。可選的第二個數據幀描述節點的情況下，有需要顯示更多的節點特定元數據被發送。您必須frame.meta.preferredVisualisationType = 'nodeGraph'在兩個數據幀上進行設置或命名它們，nodes並edges分別為節點圖進行渲染。

來自結構的邊緣資料

必填欄位：

欄位名稱	Type	描述
id	string	邊緣的唯一識別碼。
source	string	來源節點的識別碼。
目標	string	目標的識別碼。

選擇性欄位：

欄位名稱	Type	描述
支柱	字串/數字	將鼠標懸停在邊緣上時，覆蓋圖中顯示的第一個統計數據。它可以是顯示值原樣的字符串，也可以是一個數字。如果是數字，則也會顯示與該欄位相關聯的任何單位
二次統計者	字串/數字	與主流星一樣，但顯示在其下方。
詳情 __*	字串/數字	當點擊邊緣時，任何前綴的字段都detail__將顯示在上下文菜單的標題中。用config.displayName於更人類可讀的標籤。

結構中的節點數據

必填欄位：

欄位名稱	Type	描述
id	string	節點的唯一識別碼。邊緣在其來源和目標欄位中會參考此 ID。

選擇性欄位：

欄位名稱	Type	描述
標題	string	節點的名稱可見在節點下方。
字幕	string	標題下顯示的其他名稱，名稱，類型或其他標識符。
支柱	字串/數字	節點本身內部顯示的第一個統計數據。它可以是將值顯示為原樣的字符串，也可以是數字。如果是數字，則也會顯示與該欄位相關聯的任何單位。
二次統計者	字串/數字	與 MainTat 相同，但顯示在節點內部的其下方。
弧 __*	number	任何前綴為的字段都arc__將用於在節點周圍創建顏色圓圈。這些欄位中的所有值加起來最多應為 1。您可以使用指定顏色config.color.fixedColor。
詳情 __*	字串/數字	點擊節點時，任何前綴的字段都detail__將顯示在上下文菜單的標題中。用config.displayName於更人類可讀的標籤。