Grafana添加星空背景

1、在D:\developer_tools\Grafana\grafana\bin目录下安装boom theme插件

grafana-cli plugins install yesoreyeram-boomtheme-panel

2、打开grafana，新建Panel，Visualization中选择boom theme，在Themes中添加新主题，编辑新主题

星空主题1：

图片地址

http://images.unsplash.com/photo-1488866022504-f2584929ca5f?xlib=rb-1.2.1&ixid=eyJHcHBfaWQiOjEy

CSS样式

.panel-container{background-color:rgba(0,0,0,0.3);
}

星空主题2

图片地址

https://images.unsplash.com/photo-1524334228333-0f6db392f8a1

CSS样式

.panel-container{background-color:rgba(0,0,0,0.3);
}

Grafana添加星空背景相关推荐

羡慕大劳星空顶？不如跟我一起使用 Jetpack compose 绘制一个星空背景（带流星动画）
前言背景作为一个自诩的电影爱好者,经常会在半夜看电影,看完后就会顺道去豆瓣标记一下看过,再看看别人对这个电影的理解. 某日深夜,看完电影后,顺手打开了豆瓣的书影音记录这个功能,起初并没有注意到 ...
Grafana更改主题背景
Grafana 主题介绍 Grafana中有一个Panel.这个Panel是Boom Theme自带三个主题.这三个主题分别是Night Theme.Dark Theme.Light Theme. N ...
Grafana修改主题背景升级版
Grafana 主题介绍 Grafana中有一个Panel.这个Panel是Boom Theme自带三个主题.这三个主题分别是Night Theme.Dark Theme.Light Theme. N ...
Canvas实现网页星空背景粒子动效跟随光标
目录 1. 设计思路 2. 星空背景图片 3. 页面代码 4. 效果图 1. 设计思路 1. 利用样式插入星空背景图片: 2.设置窗口改变时自动修改画布大小(自适应): 3. 编写随机函数(随机数 ...
『 canvas 特效』一文教你绘制绚丽的星空背景 TS + ES6
介绍很久没有写关于 canvas 效果的文章了,刚好最近又学到了一个新的特效,使用 canvas 绘制多层次动态星空背景,今天就分享给大家.首先我们依旧来看一下最终实现的效果,如图所示: 由于录制 ...
css画布星空_使用HTML5画布制作星空背景
css画布星空 Because it works on a pixel-by-pixel basis, canvas is perfectly suited to making extremely d ...
html图片滚动红点_HTML中更换或添加网站背景图片的代码怎么写？（示例）
本篇文章主要介绍了HTML代码中如何更换或添加网站背景图片?对于小白来说,最简单的方法就是,如果是更换背景图片的话. 我们可以在网页上点击鼠标右键查看网站源代码,然后找到css里面的背景图这一段代码, ...
C# 给PDF添加图片背景
C# 给PDF添加图片背景今天要实现的是给PDF文件添加图片背景这个功能.PDF是近年来最流行的文件之一,无论是办公还是日常生活中都经常会用到,很多时候,PDF文件的背景色都是白色,看多了难免觉得累 ...
android+主界面所有应用程序图标添加统一背景主题,Android 4.0替Launcher主界面所有应用程序图标添加统一背景主题...
当前位置:我的异常网» Android » Android 4.0替Launcher主界面所有应用程序图标添加 Android 4.0替Launcher主界面所有应用程序图标添加统一背景主题 www. ...

Grafana添加星空背景

1、在D:\developer_tools\Grafana\grafana\bin目录下安装boom theme插件

2、打开grafana，新建Panel，Visualization中选择boom theme，在Themes中添加新主题，编辑新主题

星空主题1：

星空主题2

Grafana添加星空背景相关推荐

最新文章

热门文章