文章首發於【陳樹義】公眾號，點擊跳轉到原文：https://mp.weixin.qq.com/s/sA0nYevO8yz6QLRz03qJSw
前面我們使用 Prometheus + Grafana 實現了一個簡單的 CPU 使用率變化圖，但是這個圖還有許多缺陷，例如：左邊欄的數值太小了無法調整，下面的圖標信息無法定制化等等。
其實 Grafana 的功能是非常強大的，可以針對不同的需求進行針對性設置，從而做出讓你滿意的監控圖表。那么我們今天就系統地講一講如何設置 Grafana 圖表！
Dashboard 與 Panel
Dashboard（面板）與 Panel（圖表）是 Prometheus 的基本單元，我們所有的監控數據都會通過這兩個東西來呈現。
Dashboard 就是一個大的面板，里面包含了無數個圖表（Panel）。例如：我們希望監控訂單系統的各項業務指標，那么我們可以建立一個名為「訂單業務監控」的面板，然后在這個面板下建立許多個圖表。
Panel 圖表配置
Panel（圖表）是 Prometheus 中數據呈現的最小單元，我們看到的面板數據，都是由一個個圖表構成的。圖表（Panel）的設置區域一共可以分為三部分：
- 預覽區：用來預覽設置的圖表。
- 數據設置區：用來設置數據源、數據指標等。
- 圖表設置區：用來對圖表的名稱等進行設置。
預覽區
預覽區非常簡單，就是針對「數據設置區」和「圖表設置區」的設置結果，進行模擬顯示，從而讓我們可以實時看到效果，方便我們進行配置。
數據設置區
數據設置區可以分為三個設置區域，分別是：
- 查詢設置區：設置查詢數據的數據源、指標等。
- 轉換設置區：可以對查詢出來的數據進行過濾等。
- 告警設置區：可以對設置的指標設置告警規則。
文章首發於【陳樹義】公眾號，點擊跳轉到原文：https://mp.weixin.qq.com/s/sA0nYevO8yz6QLRz03qJSw
查詢設置區
查詢設置區可以分為兩塊，分別是：
- 數據源設置
- 數據指標設置
數據源設置
數據源設置用來設置使用哪個數據源。此外，還可以針對選擇的數據進行更精細化的設置，例如：Max data points 等設置。
數據指標設置
這塊用來設置你想顯示數據源中的哪個指標、標識填什么、格式是啥。
整體來說有這么幾個選項：
- Metrics 指標名
表明這個圖表是用來展示數據源中的什么數據，是顯示變化率，還是數值，這里相當於一個表達式。例如我這里是用來顯示 CPU 的變化率的，所以我填入的是：「rate(system_cpu_usage[1m])」，這表示使用 1 分鍾的數據變化率來顯示 CPU 的變化情況。
- Legend 圖例
圖例可以設置圖例的顯示數值是什么，例如這里我寫了：「{{instance}}-1m」，這表示使用實例名為前綴，后面再加上「-1m」字符串，最終顯示為：「localhost:8080-1m」，其中 localhost:8080 為實例名。
- Min Step 最小步長
最小步長表示圖形里每兩個點的最小數據間隔是多少，例如：這里我設置了 200，那表示圖形上每隔 200 個單位才會有一個點。觀察一下圖形可以大致知道 min step 的作用。
- Resolution 精度
這表示其數據精度是怎樣的，是 1 比 1 的精度，還是原有的 1/2，還是 1/3 等等。如果是 1/2 的話，那么就是原本 1 個單位顯示一個點，現在 2 個單位合並起來顯示成一個點了，那么其精度就變低了。
- Format 格式
表示你的數據格式是什么，這里有：Time series、Table、Heap Map 三個選項。Time series 表示是時間序列數據，即隨着時間的流動有源源不斷的數據。Table 表示是一個表格數據。Heap Map 表示是熱力圖數據。
我們可以通過左下角的 Query 來增加顯示的數據。例如我這里使用了 3 個圖例數據來分別顯示：1 分鍾的 CPU 使用率情況、5 分鍾的 CPU 使用率情況、15 分鍾的 CPU 使用率情況。
設置完成后的圖標整體效果如下：
轉換設置區
轉換設置區主要是用來一些更復雜的數據處理，例如：過濾一些數據，做集合操作等。
這塊使用得相對少一些，這里就不深入講解，等使用到的時候再深入了解也不遲。
告警設置區
告警設置區用來進行指標告警，這塊內容也相對簡單，直接看頁面就可以弄清楚了。后面文章也有例子講解，這里不再贅述。
圖表設置區
這塊用來設置圖表名稱、Y 軸顯示樣式等圖表細節的。主要有下面幾個區域：
- Settings 設置
- Visualization 可視化
Setting 設置
用來設置圖表名稱和描述。
Visualization 可視化
用來設置圖表使用什么格式顯示，有 圖形（Graph）、統計（Stat）、表格（Table）、文本（Text）等。
Display 顯示
用來設置圖表樣式相關信息。
例如 Bars 表示圖形有長條，如下圖所示：
例如設置 Hover tooltip 的 Mode 為 Single，表示鼠標懸浮到圖表時，只顯示單條線的懸浮提示，而不是全部線條都顯示懸浮提示。
其他設置都相對簡單，這里不再贅述。
Axes 軸
用來設置軸的相關信息，例如：X/Y軸的顯示單位，X/Y軸的最小最大值等。
例如在顯示 CPU 使用率時，CPU 使用率的數據是 0-1，但是默認是顯示成小數，如下圖所示：
文章首發於【陳樹義】公眾號，點擊跳轉到原文：https://mp.weixin.qq.com/s/sA0nYevO8yz6QLRz03qJSw
那如果我希望它能用百分比顯示，那么我可以設置 Left Y 的 Unit 參數，將其設置為：percent(0.0-1.0)。
設置完之后圖表變成了這樣：
其他參數的設置都類似，這里不再贅述了。
legend 圖例
這里用來設置圖例信息，例如：圖例的顯示位置、圖例顯示最大值、最小值。
這塊的內容也相對簡單，自己去試試就清楚了，不再贅述。
Thresholds 閾值
用來設置一個閾值，當超過指定的值，會有標記成背景顏色。通常用來針對某個關鍵數據，當超過某個值進行高亮，方便一目了然查看數據。
例如 CPU 使用率的例子，我設置了超過 3% 就高亮成紅色（Critical）。
最終效果如下圖所示：
總結
我們通過一個 CPU 使用率的例子，將 Grafana 圖表的配置都過了一遍。總的來說，Grafana 圖表配置可分為：預覽區、數據配置區、圖表配置區。其中涉及到了數據源的配置、數據指標的配置以及各種圖表顯示的配置等。
雖然我們可以直接使用 Grafana官網 - Dashboards 模塊的現成模板，但如果你想做符合自己業務情況的監控面板，掌握 Grafana 圖表的配置可是必不可少哦。