icon

Sealos,在云桌面中运行分布式应用程序,像使用个人电脑一样使用云

icon

去看看👀

icon

扫码加入微信群,和云原生大佬们一起探讨云原生和不可描述的事情!

wechat qr code
 
今日天气
 
舔狗日记

Grafana 自定义主题
  1. 博客/

Grafana 自定义主题

·973 字·2 分钟· · ·
监控 Grafana
米开朗基杨
作者
米开朗基杨
云原生搬砖师 & Sealos 开发者布道师 & FastGPT 熟练工
gptgod
FastGPT
Laf
Contact me

Grafana 自带两款主题 LightDark,都还不错,Light 有点刺眼,不建议使用。Dark 还马马虎虎,不过时间长了总会产生审美疲劳,anyway 还是有很多人需要自定义主题的,前几天我在票圈分享了魔改的 Grafana 界面之后,一大批童鞋让我分享主题。可是 Grafana 默认情况下是不支持自定义主题的,你想改变主题样式或新增主题只能修改源码重新编译。

难道没有别的办法了?办法还是有的,只不过稍微有点繁琐,但不复杂。今天就来给大家分享一种不需要改源码的方法,老少皆宜,按照我的步骤来,最后一定能搞定。这里不得不提一句,很多事情都是没有什么技术含量的,靠的是敏锐的嗅觉、强大的信息收集能力和变通能力,有很多技术大神思维都很僵化,解决问题容易钻进死胡同,这里我就不多说了。

就拿今天的主题来说,自定义 Grafana 主题的方法真的没有什么技术含量,当你知道了之后就会觉得它非常简单,但是为什么你搞不定呢?可以自己思考一下。

下面我来演示一下我解决这个问题的思路和方法,最后给出结果。

一开始我想到 Grafana 可以通过插件机制来扩展和自定义自身的功能,那就可以从这里入手,首先打开 Google 搜索,从 Grafana 官网搜索关于 theme 的插件:

图片描述: 20200723165421.png

找了一圈发现只有 Boom theme plugin 符合要求,点进去发现这是一个 Panel 插件,这就意味着由于插件自身的局限性,不管你做了什么它只会对当前的仪表盘生效。如果你想改变当前仪表盘的样式,需要添加一个面板:

图片描述: 20200723165422.png

点击 ”Choose Visualization“ 选择可视化类型,然后选择 <Boom Theme>,然后你就可以添加自定义主题了。

图片描述: 20200723165423.png

但是现在问题又来了,我太懒了,不想自己写 CSS,怎么办?有没有别人写好的主题呢?Github 是一个宝库,可以去那里找找。通过关键词 grafana theme 搜索过去一年内活跃过的项目:

图片描述: 20200723165424.png

最终选择了 theme.pak。找到自己心仪的主题添加到上面的面板中,就大功告成了:

图片描述: 20200723165425.png

图片描述: 20200723165426.png

你可以将其中一个主题设为默认主题,这样每次打开当前仪表盘都会使用你设置的默认主题。自定义主题后的仪表盘是这个样子的:

图片描述: 20200723165427.png

最上面的菜单是我们刚刚添加的主题,可以直接点击不同主题实时切换:

图片描述: 20200723165428.png

如果想让所有的仪表盘都使用自定义主题,需要在所有的仪表盘上新增一个 Boom Theme Panel,为了避免重复的配置工作,可以直接复制 Panel,操作步骤如下:

首先点击 Panel 上的到三角,鼠标悬停在选项 More 上:

图片描述: 20200723165429.png

然后选择 Copy

图片描述: 20200723165430.png

到下一个仪表盘中新建一个面板,选择 Paste copied panel

图片描述: 20200723165431.png

搞定。

图片描述: 20200723165432.png

图片描述: 20200723165433.png

怎么样,没什么技术含量吧?

-------他日江湖相逢 再当杯酒言欢-------

相关文章

Grafana 6.4 正式发布!
·1466 字·3 分钟·
监控 Grafana Prometheus
Prometheus Histogram 深入解读
·1477 字·3 分钟·
监控 Prometheus Histogram
K8s 控制器的进化之旅
·3464 字·7 分钟·
云原生 Kubernetes Operator
Tcpdump 使用教程
·5594 字·12 分钟·
网络 Tcpdump
Linux Namespace 基础教程:namespace API
·4370 字·9 分钟·
Linux Namespace

公众号二维码