Open1
Grafanaで画像の上にパネルを配置する
力技。
まず、GrafanaのTextパネルでstyleタグを有効にする。設定ファイルを変更して起動する必要がある。
詳細は下記の記事参照。
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パネルを含むダッシュボードを表示すると、背景が指定した画像になる。
あとは、背景を透明化したパネルを好きなように配置しましょう。