zabbixのグラフに枠線をつける方法

zabbixのデフォルト設定ではグラフに枠線がないため、スクリーンで複数のグラフを並べた時見にくかった。
そこでグラフに枠線をつけて見やすくしてみました。

CSS

CSSではウェブページがスクリーンに表示される際の色・サイズ・レイアウトなどの表示スタイルについて指定されています。ZabbixのWEBインターフェースもまた同様で、cssファイルに背景色などの情報が記載されています。
このファイルを修正することでグラフに枠線をつけたりすることもできます。

設定ファイル

/var/www/html/zabbix/styles/blue-theme.css
※ディレクトリ構成は環境によって異なると思います

設定変更箇所

変更前
a img {
  border: none;
  vertical-align: top; }

変更後
a img {
  border: 1px #000000 solid;
  vertical-align: top; }

説明

Zabbixではimgタグを使ってグラフを表示しております。
上記の箇所を修正することでグラフのレイアウトを変更できます

borderプロパティでは、線のスタイルや太さ、色を指定しています。
上記の例では「1px」かつ「黒色」かつ「1本線」を表示するという内容になっています