[ Data Visualization ] Grafana 串接 InfluxDB

學習目標

• 建立 Grafana 與 InfluxDB 之間的連線

前置準備作業

1. 一台已連上網路的電腦

2. 已安裝 InfluxDB 【 安裝教學 】

3. 已安裝 Grafana 【 安裝教學 】

Step 1. 開啟 Grafana

• IP
  • http://ip:3000
  • 請自行更改為 Grafana 所在位置，亦即是 AWS EC2 Ubuntu Server 所在的 IP 位置
• 預設帳號
  • admin
• 密碼
  • 請輸入 在 AWS EC2 安裝 Grafana 教學文章中的【 第 3.1 重設密碼 】步驟中所設定的密碼

登入成功畫面 

Step 2. 設定 Data Source

❖ 2.1  點選【 Add data source 】按鈕

❖ 2.2  ① 在【 Name 】欄位請自行輸入可識別的名稱，本範例使用【 InfluxDB 】
       ② 在【 Type 】欄位請選擇【 InfluxDB 】
       ③ 在【 URL 】欄位請輸入【 http://localhost:8086 】
       ④ 在【 Database 】欄位請輸入【 SensorData 】
       ⑤ 在【 User 】欄位請輸入【 admin 】
       ⑥ 在【 Password 】欄位請輸入【 admin 】
       ⑦ 在點選【 Save & Test 】按鈕

在點選【 Save & Test 】按鈕

測試成功後會出現【 Data source is working 】

Step 3. 建立 Dashboard - Graph

❖ 3.1  ①　點選左上角【 + 】
       ②  點選【 Dashboard 】

❖ 3.2  點選【 Graph 】

❖ 3.3  點選【 Panel Title 】右邊的下三角型按鈕

❖ 3.4  點選【 Edit 】

❖ 3.5  輸入【 Metrics 】中的資料

①【 Data Source 】選擇步驟【 2.2  ① 】中所輸入的名稱

②【 FROM 】欄位輸入 InfluxDB 中所建立 measurement，本範例為【 Temperature 】

③【 SELECT 】欄位選擇【 Aggregations 】分類中的【 distinct 】

④  點選右上角的磁碟片按鈕進行存檔

⑤  檔案命名

Step 4. 設定畫面更新頻率

❖ 4.1  點選右上角的【 Last 6 hours 】按鈕

❖ 4.2 【 Refreshing every 】設為【 5s 】

❖ 4.3 ① 將右上角的【 Last 6 hours 】設為【 Last 5 minutes 】
      ② 儲存變更

Step 5. 建立 Dashboard - Singlestat

❖ 5.1  點選上方的【 Add panel 】

❖ 5.2  點選【 Singlestat 】

❖ 5.3  ① 點選【 Panel Title 】右邊的下三角型按鈕
       ② 點選【 Edit 】

❖ 5.4  輸入【 Metrics 】中的資料

①【 Data Source 】選擇步驟【 2.2  ① 】中所輸入的名稱

②【 FROM 】欄位輸入 InfluxDB 中所建立 measurement，本範例為【 Temperature 】

③【 SELECT 】欄位選擇【 Aggregations 】分類中的【 distinct 】

④  輸入【 Options 】中的資料

⑤  將 【 Value 】分類中的【 Stat 】欄位資料改成 【 Current 】

⑥  將 【 Coloring 】分類中的【 Value 】欄位打勾
   【 Thresholds 】欄位設成【 20 】
    ㊟ 亦即是數值超過 20 時改變顏色

⑦  將 【 Gauge 】分類中的【 Show 】欄位打勾

⑧  點選右上角的磁碟片按鈕進行存檔

⑨  將 Graph Panel 移動到 Singlestat Panel 右邊
    移動完後存檔

Reference

• Grafana
• InfluxDB

GitHub

• ArcherHuang - Data Visualization @ GitHub

List of blogs

• https://github.com/ArcherHuang/MyBlog