Zabbix 2.0 グラフのズームリンクとナビゲーションリンクの移動幅を追加

Zabbix 2.0 のグラフ画面にて、グラフのX軸をズームするリンクと、前後に移動するナビゲーションのリンクがある。

 

標準で用意されているのは、ズームだと「1h 2h 3h 6h 12h 1d 7d 14d 1m 3m 全て」、移動だと「1h 12h 1d 7d 1m 」である。

しかしこの刻み幅じゃ納得いかない。ズームだと 3d や 5d が欲しいし、移動なら 3h や 6h が欲しい。

それじゃあ目盛りを追加しよう。Zabbix の Web まわりのファイルがインストールされてるなかに、 gtlc.js がある。これを書き換える。

var zooms = ~ の行と、var moves = ~ の行について欲しい数字を追加する。たとえばこんなふうに。

        appendZoomLinks: function() {
                var timeline = timeControl.timeline.endtime() - timeControl.timeline.starttime();
                var caption = '';
                var zooms = [3600, 7200, 10800, 21600, 43200, 86400, 259200, 432000, 604800, 1209600, 2592000, 7776000, 15552000, 31536000];
                var links = 0;
        appendNavLinks: function() {
                var timeline = timeControl.timeline.endtime() - timeControl.timeline.starttime();
                var caption = '';
                var moves = [3600, 10800, 21600, 43200, 86400, 604800, 2592000, 15552000, 31536000];
                var links = 0;

これで、ズームだと「1h 2h 3h 6h 12h 1d 3d 5d 7d 14d 1m 3m 全て」移動だと「1h 3h 6h 12h 1d 7d 1m 」となった。

ぼくの使い方では便利になった。