[[435861]]

統計面板可以用于顯示一個大的統計值和一個可選的背景顏色，我們可以使用閾值來控制背景或顏色值，效果如下所示：

注意：該面板取代了在 Grafana 7.0 中已棄用的 Singlestat 面板。

下面我們使用該面板來統計幾個監控數據，比如節點運行時間、CPU 核數、總內存大小等等。

文本模式

首先創建一個空的面板，選擇使用 Stat 面板：

首先添加一個用于查詢節點運行時間的統計數據：

同樣我們可以在面板編輯器右側對該面板的屬性進行編輯，可以選擇展示的方向是水平還是垂直，文本展示模式選擇只展示 Value 值或者只展示 Name，也可以都顯示，也可以不顯示，這里我們選擇默認的 Auto 即可，顏色模式也有 None、Value、Background三個選項，Value 選項會根據設置的閾值進行展示，而 Background 則會顯示背景顏色。

接著同樣可以設置單位，最大值、最小值等，比如這里我們設置單位為 seconds (s)：

這里我們設置的顏色是 From thresholds (by value) 也就是可以根據閾值設置的值進行展示，所以我們可以配置下不同閾值想要顯示的顏色值，比如這里我們設置閾值在 1 和 3 的時候顯示不同的顏色：

由于現在統計結果為 5，已經超過了 3，所以顯示的是綠色的文本。然后用同樣的方式再添加一個統計 CPU 核數的統計面板：

比如還可以添加一個統計節點總內存的統計面板：

統計面板的屬性配置都可以根據我們自己的需求進行配置。

背景模式

上面我們的統計面板只展示了值的結果，屬于純文本的模式，此外我們還可以在展示的使用帶背景顏色的方式，比如我們將內存使用率的展示使用 Stat 面板進行顯示，設置文本模式為 Value and name，顏色模式為 Background，效果如下所示：

然后根據需求設置不同的閾值顯示的顏色即可，同樣我們可以將之前的 CPU 使用率和最大分區使用率改成使用 Stat 統計面板進行展示，最終的完整效果如下所示：

我們這里只是為了為大家說明不同的面板的使用方法，所以出現了一些相同的查詢統計，可以根據實際的需求選擇合適的面板進行顯示即可。

文本面板

前面我們介紹的一些面板基本上都是通過查詢來獲取數據進行展示的，這里給大家另外一個面板：文本面板，該面板不需要查詢語句，直接用來展示文本信息，而且是支持 Markdown 和 HTML 兩種格式，這就為我們提供了很大的定制靈活性。

文本面板的使用非常簡單，直接選擇使用 Markdown 還是 HTML 來設置文本樣式即可，然后在面板編輯器的文本框中輸入內容即可。比如很多公司業務太大太多，需要監控的 Dashboard 非常多，操作管理起來非常麻煩，這個時候我們就可以使用文本面板來做一個導航頁面進行歸類。

現在我們創建一個新的 Dashboard，添加一個新的空面板，選擇使用 Text 面板：

然后就可以在內容框中輸入我們想要展示的內容了：

我們可以看到有 Markdown 和 HTML 兩種模式可以選擇，比如我們選擇使用 Markdown 模式，則可以在面板內容區域輸入想要展示的 Markdown 內容，比如我們輸入如下所示的內容：

# 這是一級標題 
 
## 這是二級標題 
 
這是正文內容，**我是加粗**，`我是強調`。 
 
> 還可以添加引用的內容 
 
![這是一張圖片](https://p8s.io/docs/assets/img/illustration.png) 

渲染效果如下：

同樣由于支持 HTML 格式的內容，所以我們可以隨意對內容的樣式進行定制，比如我們添加幾個文本鏈接，去鏈接到其他的 Dashboard 或者面板。

<span style="color:green">>> 這是導航標題</span> <br /> 
<br /> 
<a 
  href="http://192.168.31.46:3000/d/oq26nAFnz/nodejie-dian-jian-kong?orgId=1&from=1637118532394&to=1637120332394&var-host=node2%3A9100&var-interval=1m&var-maxpoint=%2F&refresh=30s&viewPanel=24" 
  style="color: yellow" 
  >條形儀表盤</a 
> 
<a 
  href="http://192.168.31.46:3000/d/oq26nAFnz/nodejie-dian-jian-kong?orgId=1&refresh=30s&viewPanel=16" 
  style="color: green" 
  >表格儀表盤</a 
> 
 
<br /><br /> 
 
<a 
  href="http://192.168.31.46:3000/d/oq26nAFnz/nodejie-dian-jian-kong?orgId=1&refresh=30s&viewPanel=2" 
  style="color: red" 
  >CPU使用率</a 
> 

渲染效果如下所示：

同樣我們還可以將同類型的業務監控進行歸類，添加一個新的 Row，將業務進行歸類：

這樣當遇到監控業務非常復雜的情況下我們就可以制作這樣一個運維首頁導航來提供我們的效率。