在之前系列博文中，已經介紹完了資料採集和資料儲存，那資料如何展示呢？所以今天就專門來講下資料如何展示的問題。
以前博文參考：
Docker系列——InfluxDB+Grafana+Jmeter效能監控平臺搭建（一）
Docker系列——InfluxDB+Grafana+Jmeter效能監控平臺搭建（二）
Grafana簡介
既然都要使用Grafana了，那我們就先來簡單認識下吧。
Grafana 是 Graphite 和 InfluxDB 儀表盤和圖形編輯器，同時也是開源的、功能齊全的度量儀表盤和圖形編輯器，支援 Graphite，InfluxDB 和 OpenTSDB。
Grafana 主要特性：靈活豐富的圖形化選項；可以混合多種風格；支援白天和夜間模式；多個資料來源；Graphite 和 InfluxDB 查詢編輯器等等。
每個資料來源的查詢語言和能力都是不同的。你可以把來自多個資料來源的資料組合到一個儀表板，但每一個皮膚被繫結到一個特定的資料來源，它就屬於一個特定的組織。
Grafana安裝
環境部署很簡單，這裡使用的是docker部署，操作命令如下：
-
拉取映象：
docker pull grafana/grafana -
啟動服務：
docker run -d -p 3000:3000 --name my_grafana grafana/grafana
這裡需要注意的是，埠需要放開，比如阿里雲在安全策略中配置。
服務啟動好之後，使用地址：http://伺服器ip:3000/login 訪問即可，出現如下介面：
初始的賬號密碼是：admin/admin，但登入後會重置一次密碼，這個就可以輸入自己的密碼了。
登入成功後的介面如下所示：
環境部署好了，那就開始配置監控介面吧。
Grafana配置
配置資料來源
在配置皮膚的時候，我們先配置資料來源。之前的博文介紹了存放資料，現在就需要到目標中讀取即可。配置介面如下所示：
我們選擇的資料來源是：InfluxDB，因為我們在之前的博文介紹，使用的就是InfluxDB。如下所示：
接下來就是配置名稱、url、資料庫等資訊。url中的ip填自己的實際ip地址即可，資料庫配置也是如此，按自己的實際情況配置。如下所示：
所有資訊都配置完後，我們來驗證下，點選介面中的SAVE&TEST，沒有報錯則說明新增成功了，如下所示：
手動配置
在演示對應皮膚配置時，可以和第二篇博文對應檢視，因為採集到的資料，配置的皮膚也有不同。我們先來看第一種，自定義新增自己需要的欄位指標，對應的是GraphiteBackendListenerClient方式，如下所示：
上圖是我自己簡單配置的一個介面，具體配置步驟如下。
我們在首頁皮膚，點選如下所示的對應按鈕，進入到新增欄位頁面，如下所示：
在新增欄位時，需要先選擇資料來源，再選擇對應的欄位指標，如下所示：
新增多個欄位，如下所示：
欄位資料儲存後，我們來看配置的皮膚，可以新增多個小皮膚，可以按時間段檢視資料等，大家一看就會，如下所示：
模板引用一
說到這裡，有人會質疑了，每次我都一個個的去配置，那多麻煩呀，有沒有通用的模板，引用即可，簡單高效。
模板是有的，我們到Grafana官網下載即可，操作如下所示：
從圖中可以看出，有個 Apache JMeter Dashboard using Core，我們檢視詳情，有使用介紹，這種皮膚，資料收集的方式是 InfluxdbBackendListenerClient ，對應的是第二篇博文中的第二種方式，皮膚的具體配置，我們來看具體步驟。
引用模板的方式有兩種，一種是按模板id匯入，另一種是下載模板json並匯入，效果都是一樣的，只是方式不同而已。我們先按模板id匯入，操作如下：
按上圖所示，我們點選對應按鈕，進入匯入介面，輸入我們剛才搜尋到的模板id：5496 ，匯入即可。匯入後出現如下所示介面，可以配置皮膚名稱和DB name
配置完畢後，我們就可以看到皮膚了，裡面展示對應資料，比自己手動配置，的確是漂亮不少，如下所示：
皮膚中的指標資料也是豐富的，如下所示：
模板引用二
在Grafana官網中，搜素模板，其實還有一個，那就是 JMeter Load Test，我們也來檢視下，這個皮膚的配置，需要自己擴充套件下，擴充套件方式在第二篇博文中有講解，要用第三種方式來採集資料，細節就不重複講了，看上一篇博文即可。
剛才講到，我們引用模板有兩種方式，那現在我們來講下按json匯入，我們先下載json檔案，如下所示：
我們來匯入皮膚，操作如下所示：
同樣的，匯入後，就可以配置皮膚名稱和資料來源，如下所示：
配置完成後，我們就可以看到皮膚了，如下所示：
好了，Grafana資料展示皮膚配置，就分享到這，希望對大家有所幫助。