Grafanaのダッシュボードで画像を表示する方法

Grafanaを使ってセンサーデータをグラフ化しているんですが、
「アナログ計器の写真や機械の状況写真も一緒に表示できたら便利じゃないか？」
と思ったことがありました。

数値データだけじゃなく、現場の様子が一目でわかると便利だし、
確認する側としてもイメージがつきやすいかなと。

というわけで、Grafanaに画像を表示する方法を調べて試してみました。
やってみると結構簡単だったので、メモがてら記事にしておきます。

画像データの保存場所（簡易版）

まずは、Grafanaが動いているサーバー内に画像ファイルを直接配置する方法です。
自分はとりあえず以下の場所に画像を置きました。

/usr/share/grafana/public/img

ここに例えば random.jpg という画像を置いておくと、
以下のURLでアクセスできます👇

http://<Grafanaのアドレス>:3000/public/img/random.jpg

GrafanaのTextパネルを使って、Markdown記法で画像を表示します。

パネル内で以下のように書きました👇

![meter](http://<Grafanaのアドレス>:3000/public/img/random.jpg)

こっちでも可。

![meter](/public/img/random.jpg)

これで、ダッシュボード上に画像が表示されました。
シンプルにこれだけでOK。

今回はGrafanaサーバー内に画像を置く方法でやりましたが、
他にも以下の方法が考えられます。

Grafana側ではMarkdownでURLを指定して表示するだけなので、表示元は自由に選べます。

データのグラフと一緒に、現場の写真を並べて表示できると、
より直感的に状況がわかるようになりそうです。