Raspberry Pi上のInfluxDBに格納したデータをGrafanaで可視化する（Chronografとの比較も）

#はじめに
前の記事で、Raspberry Pi上に InfluxDBと Chronografをインストールし、Node-REDのノードをつかってinfluxDBに格納したデータを、chronografをつかって可視化する試みを行い、とりあえず動作しました。
しかし、chronografは簡単ではあるものの、用意されているグラフの種類が少なく、またカスタマイズの自由度も低い事、特に折れ線グラフの縦軸を左右別々に出来ない事などの制約もあり、限界があります。　今回は、更に自由度の高い可視化が可能な grafanaを同じraspberry pi上にインストールして、可視化のレベルを上げる試みです。　
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/266665/414ce239-285d-1842-33b4-332557dbb1da.png)


#Grafanaのインストール

##リポジトリのGPGキーを取得します。

```
$ curl -sL https://packages.grafana.com/gpg.key | sudo apt-key add -
OK
```

##リポジトリを追加します。

```
$ echo "deb https://packages.grafana.com/oss/deb stable main" | sudo tee /etc/apt/sources.list.d/grafana.list
deb https://packages.grafana.com/oss/deb stable main
```

## 追加したリポジトリに対するUpdateを実行します。

```
$ sudo apt update
```

## Grafanaをインストールします。

```
$ sudo apt install grafana
```

## サービスを起動し、Boot時の自動起動も設定します。

```
$ sudo systemctl unmask grafana-server.service
$ sudo systemctl start grafana-server
$ sudo systemctl enable grafana-server.service
```

##ブラウザから確認
これで、grafanaがインストールされ、サービスも起動しているので、ブラウザから確認します。ポート番号は、3000です。下記の画面が出れば、ここまではOKです。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/266665/5a513105-1a27-74a4-72ee-ff8db78e93ef.png)

最初は、usernameおよび passwordともに、'admin'で入力すると、パスワードの変更を求められるので、新しいadminのパスワードを二回入力します。正常に変更できれば、その旨のメッセージがでた後、次の画面になります。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/266665/9ab699db-e4dc-937a-d087-bdeccda58b3f.png)

#　Grafanaから、influxdbのデータベースを接続する。
Data Sourcesのメニュー ("Add your first data soruce")から、同じRaspberry Pi上に格納してある influxdbのデータベースを登録します。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/266665/46eb28c5-1c41-6453-332b-824c96f39ed3.png)

ここで、influxdbを選択し、下記の設定画面で、URLとデータベース名を入力します。現時点、前回作成したInfluxDBのデータベースは、influx_iot01という名称で、ユーザーは登録していないため、user名とpasswordは空白のままです。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/266665/569ece3e-dc8b-cf02-2dd2-066b76d7ce1c.png)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/266665/a65a0ce1-b741-2465-1f5f-ae883cef974f.png)

ここで、Save & Testを実行すると、データベースが接続され、以下の表示が出ます。とりあえず、データベースへの接続は成功したようです。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/266665/4b43c38f-f294-7b48-666a-c4f7e27a7a1c.png)

"Back"で戻って、最初の画面を見ると、Data Sourceのところに、"Complete"と表示されているのが分かります。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/266665/143ce3df-e045-c4b5-4dc2-7f6003d5ea14.png)

## 次は、Dashboardを作ります。

##あーだこーだ
実際に触りながら、あれこれ試行錯誤すれば希望の可視化はできます。それほど、トリッキーな操作はありません。

##とりあえず
こんな感じのDashboardができました。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/266665/07df38d1-77f7-864b-974f-204d1f28b0a3.png)

Dashboardを作成するにあたり、Chronografとの違いについて、いくつか感じた事を書いておきます。


- Grafanaの、グラフ種類は豊富。ヒートマップもあります。また、Pluginで追加もできるようです。
- ![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/266665/7ae13c05-b285-9545-5dab-b579c946daf3.png)

- Grafanaは、Y軸を左右2軸で描くことが可能。軸の選択方法は少し迷いますが、線グラフの色を指定するアイコンをクリックすると表示される 'Y-Axis'というタブの中に、右側のY軸を使うかどうかを指定するボタンがあります。また、表示するデータ列の名前の、aliasが正しく出来ていない場合（複数の軸が同じ名前で表示されている時）は、片方を右側に移動すると、もう一方も付いてきてしまいます。大分悩みました。 
- Grafanaは、折れ線のプロパティー設定が多くできます。Null値を線で繋ぐか、繫がないとか、値にマーカーを付けるかどうかなど。
- Grafanaは、タイムレンジの簡単設定がより多くの種類でできます。年を超えた表示設定もありました。
- ![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/266665/84a95ac6-1bcf-302d-d7ae-470b632abd14.png)
- Grafanaは、単位の表示に様々な単位（温度とか容量とか・・・）があらかじめ用意されているので便利。

とはいえ、Chronografでも、基本的な事は出来るので、凝らなければ、Chronografでも良いかな？という気もしました。

#おわりに、
とりあえず、取得したデータを蓄積して可視化（表示する）事は出来ましたが、まだ、何も解析には至っていません。Chronografでは、計算式を入れて判断処理をするのは無理っぽかったのですが、Grafana上では、そのような演算結果を基にしたアラートもできるように見受けられます。　解析・分析処理は、またこの次に試してみます。