天天看點

Grafana Panel 面闆介紹和Time series(時間序列)

面闆介紹

面闆(Panel)是 Grafana 中基本可視化建構塊,每個面闆都有一個特定于面闆中選擇資料源的查詢編輯器,每個面闆都有各種各樣的樣式和格式選項,面闆可以在儀表闆上拖放和重新排列,它們也可以調整大小,是以要在 Grafana 上建立可視化的圖表,面闆是我們必須要掌握的知識點。

Panel 是 Grafana 中最基本的可視化單元,每一種類型的面闆都提供了相應的查詢編輯器(Query Editor),讓使用者可以從不同的資料源(如 Prometheus)中查詢出相應的監控資料,并且以可視化的方式展現,Grafana 中所有的面闆均以插件的形式進行使用。

Grafana 提供了各種可視化來支援不同的用例,目前内置支援的面闆包括:Time series(時間序列)是預設的也是主要的圖形可視化面闆、State timeline(狀态時間表)狀态随時間變化 、Status history(狀态曆史記錄)、Bar chart(條形圖)、Histogram(直方圖)、Heatmap(熱力圖)、Pie chart(餅狀圖)、Stat(統計資料)、Gauge、Bar gauge、Table(表格)、Logs(日志)、Node Graph(節點圖)、Dashboard list(儀表闆清單)、Alert list(報警清單)、Text panel(文本面闆,支援 markdown 和 html)、News Panel(新聞面闆,可以顯示 RSS 摘要)等,除此之外,我們還可以通過官網的面闆插件頁面 ​​Grafana Plugins - extend and customize your Grafana | Grafana Labs​​ 擷取安裝其他面闆進行使用。

Grafana Panel 面闆介紹和Time series(時間序列)

圖形面闆  

前文我們介紹了 Grafana 中的面闆概念,對于基于時間的折線圖、面積圖和條形圖,我們建議使用預設的時間序列進行可視化。接下來我們就來介紹基于 Time series 時間序列的圖形可視化方式的操作。

添加面闆  Time series(時間序列)

cpu使用率:

(1 - sum(rate(node_cpu_seconds_total{mode="idle"}[1m])) by (instance) / sum(rate(node_cpu_seconds_total[1m])) by (instance) ) * 100      

面闆是屬于某一個 Dashboard 的,是以我們需要先建立一個 Dashboard,在側邊欄點選 ​

​+​

​​ 切換到 ​

​Dashboard​

​ 下面開始建立 Dashboard:

Grafana Panel 面闆介紹和Time series(時間序列)

在預設建立的新的 Dashboard 中就有一個空的面闆,點選 ​

​Add an empty panel​

​ 即可開始添加面闆: 建立panel 

Grafana Panel 面闆介紹和Time series(時間序列)
Grafana Panel 面闆介紹和Time series(時間序列)

最右邊是關于panel的配置

Grafana Panel 面闆介紹和Time series(時間序列)
Grafana Panel 面闆介紹和Time series(時間序列)

在左側的話分了上下兩塊,上面其實就是一個圖形的展示 

Panel options 

Grafana Panel 面闆介紹和Time series(時間序列)

背景是否透明,整體的配置如下

Grafana Panel 面闆介紹和Time series(時間序列)

Tooltip mode

Tooltip mode也即是滑鼠移動到圖形上面展示所有的名額,還是展示滑鼠位置的名額。

Grafana Panel 面闆介紹和Time series(時間序列)

 Legend

Legend mode  也就是标志的模式

Grafana Panel 面闆介紹和Time series(時間序列)

Legend placement  預設是在底部,可以調整到右上角

Grafana Panel 面闆介紹和Time series(時間序列)

 Legend 格式其實就是格式化展示顯示在圖形上的東西,我們這裡隻需要instance的值

Grafana Panel 面闆介紹和Time series(時間序列)
Grafana Panel 面闆介紹和Time series(時間序列)

這裡值也可以去選,選擇最大值和最小值

Grafana Panel 面闆介紹和Time series(時間序列)

可以選擇不同的表格

Grafana Panel 面闆介紹和Time series(時間序列)
Grafana Panel 面闆介紹和Time series(時間序列)
Grafana Panel 面闆介紹和Time series(時間序列)

Graph styles 

關于圖形還可以再去修改樣式,Graph styles裡面去修改

Grafana Panel 面闆介紹和Time series(時間序列)

最後效果如下 

Grafana Panel 面闆介紹和Time series(時間序列)

同樣的道理來看看記憶體使用率

Grafana Panel 面闆介紹和Time series(時間序列)

這裡會展示出很多的标簽,在panel裡面的Legend隻要展示instance即可

Grafana Panel 面闆介紹和Time series(時間序列)
Grafana Panel 面闆介紹和Time series(時間序列)

 最後調整一下大小,調整一下位置即可!

Grafana Panel 面闆介紹和Time series(時間序列)

繼續閱讀