RADL ひよっこエンジニアの備忘録 2年目 奮闘記
reddit.epicplugins.com 
want to join? in seconds

Kibana の グラフの色を変える方法

データ可視化ツールのKibanaのグラフの色がデフォルトだととても気持ち悪い色だったので、変更してみることにしました。

とりあえず全く方法がわからなかったので、twitterで質問してみたところ著名な方から連絡が来ました。

twitterres

無理なのか・・・。

どうしようかなぁ・・・と悩んでいたら社内のアフロ先輩(技術プロ)がちょこっと調べてくれました。

/opt/kibana-4.2.0-linux-x64/optimize/bundles/kibana.bundle.js
の下記部分を変更

'visualization:colorMapping': {
  type: 'json',
  value: JSON.stringify({
    'Count': '#FFFFFF',
    'Sum of response.10ms': '#57c17b',
    'Sum of response.50ms': '#57c17b',
    'Sum of response.100ms': '#57c17b',
    'Sum of response.300ms': '#57c17b',
    'Sum of response.500ms': '#57c17b',
    'Sum of response.1s': '#57c17b',
    'Sum of response.3s': '#57c17b',
    'Sum of response.over': '#57c17b'
  }),
  description: 'Maps values to specified colors within visualizations'
},

こんな感じにしたらなんと好きな色に変更することが出来たのです!

kibanagraph

Kibanaのグラフの色が気に入らなくて、変更したいという方がいらっしゃいましたら是非参考にしてくださいませ。

コメントを残す