《大数据处理实践探索》 ---- kibana 小技巧

---

需要用kibana展示dashboard的时候想要个性定制化怎么办？我们知道kibana分享的iframe左上角带有add a filter图标，加载的时候有kibana logo，这样界面不统一，于是搜索GitHub和elasticsearch 社区，找到了解决方法。当然这些对于前端工程师这些都是小儿科，可是对于一个不了解前端的数据工程师来说，这些简单粗暴的应急方法还是很好的。我的kibana版本6.3.0，亲测有效。

1. 修改kibana右上角图标

替换kibana/optimize/bundles/ebdca7741674eca4e1fadeca157f3ae6.svg 文件

2. 隐藏kibana "add a filter"图标

编辑 kibana/optimize/bundles/commons.style.css

filter-bar {
  z-index: 4 !important;
  display: none;
}

3. 修改加载logo

编辑 kibana/src/ui/ui_render/views/ui_app.jade
替换图片url，图片是svg格式base64加密。
修改之后需要重启kibana。

.kibanaWelcomeLogo {
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bW