Open1

Grafanaで画像の上にパネルを配置する

js4000alljs4000all

力技。

まず、GrafanaのTextパネルでstyleタグを有効にする。設定ファイルを変更して起動する必要がある。
詳細は下記の記事参照。
https://qiita.com/solarisintel/items/3635534cde1fecf18e3c

TextパネルのHTMLモードでstyleを記述。bodyタグに背景画像を設定する。

<style>
body {
  background-image: url('your_image_url');
  background-size: cover;
}
</style>

画像は、ホストするのが面倒なら、適当な変換サイトでbase64に直して埋め込みましょう。

<style>
body {
  background-image: url(data:image/png;base64,〜);
  background-size: cover;
}
</style>

このTextパネルを含むダッシュボードを表示すると、背景が指定した画像になる。
あとは、背景を透明化したパネルを好きなように配置しましょう。