介绍
Grafana 是一个跨平台的开源的度量分析和可视化工具，可以通过将采集的数据查询然后可视化的展示，并及时通知。
官网地址：
它主要有以下六大特点：
展示方式：快速灵活的客户端图表，面板插件有许多不同方式的可视化指标和日志，官方库中具有丰富的仪表盘插件，比如热图、折线图、图表等多种展示方式；
数据源：Graphite，InfluxDB，OpenTSDB，Prometheus，Elasticsearch，CloudWatch和KairosDB等；
告警：以可视方式定义最重要指标的告警规则，Grafana将不断计算并发送通知，在数据达到阈值时通过Slack、PagerDuty等获得通知；
混合展示：在同一图表中混合使用不同的数据源，可以基于每个查询指定数据源，甚至自定义数据源；
注释：使用来自不同数据源的丰富事件注释图表，将鼠标悬停在事件上会显示完整的事件元数据和标记；
过滤器：Ad-hoc过滤器允许动态创建新的键/值过滤器，这些过滤器会自动应用于使用该数据源的所有查询。
安装
grafana官方下载地址：https://grafana.com/grafana/download?pg=get&plcmt=selfmanaged-box1-cta1
可以根据自己的服务器的类型选择对应的grafana进行安装，本文介绍Linux CentOS环境v7.5.11版本的安装、部署、配置。
# 下载
[root@localhost ~]# wget https://dl.grafana.com/enterprise/release/grafana-enterprise-7.5.11-1.x86_64.rpm
# 安装
[root@localhost ~]# yum install grafana-enterprise-7.5.11-1.x86_64.rpm
# 启动
[root@localhost ~]# systemctl start grafana-server
# 检查grafana是否启动成功，grafana启动时会占用3000端口
[root@localhost ~]# lsof -i:3000
# 重启
[root@localhost ~]# systemctl restart grafana-server
访问
grafana部署成功时，可以http访问，ip就是grafana服务的服务器host
登录地址：http://ip:3000/
账号：admin/admin
如果检查端口3000已经在不能访问，检查服务器防火墙
# centos7查看防火墙状态
[root@localhost ~]# systemctl status firewalld
# 临时关闭防火墙
[root@localhost ~]# systemctl stop firewalld
# 永久关闭防火墙
[root@localhost ~]# systemctl disable firewalld
配置
grafana 安装成功后，会在/etc/grafana目录生成配置文件grafana.ini
[root@localhost ~]# cd /etc/grafana
1.如果需要开启匿名访问，需要修改如下参数
[root@localhost ~]# vim /etc/grafana/grafana.ini
# 开启匿名访问
enabled = true
# 给匿名访问者一个组织
org_name = Main Org.
#给匿名访问者一个访问权限，Viewer表示浏览权限，Editor编辑权限，Admin管理员权限
org_role = Viewer
2.如果需要开放浏览器iframe嵌套grafana页面设置，需修改如下参数
[root@localhost ~]# vim /etc/grafana/grafana.ini
# 允许浏览器渲染grafana到iframe
allow_embedding = true
修改了配置之后需要重启grafana
[root@localhost grafana]# systemctl restart grafana-server
3.隐藏grafana左侧菜单和顶部面包屑
只要在url后面追加 &kiosk 参数
示例：http://192.168.197.136:3000/d/KkAqjsS4z/node-exporter-server-metrics?orgId=1&kiosk
主题设置
部署成功后默认只有dark和light两种主题，light白色主题比较刺眼，dark主题看久了有视觉疲劳，grafana可以支持自定义主题设置
a)事前准备
1.安装主题面板插件
# 安装插件
[root@localhost grafana]# grafana-cli plugins install yesoreyeram-boomtheme-panel
# 重启grafana服务
[root@localhost grafana]# systemctl restart grafana-server
2.检查插件是否安装成功
下载主题样式css文件到grafana指定目录
推荐grafana主题样式gitub地址：https://github.com/gilbN/theme.park
1.创建存放css样式的目录
grafana部署成功后，会自动创建/usr/share/grafana目录，这些是存放静态资源的
[root@localhost grafana]# cd /usr/share/grafana/public
[root@localhost public]# mkdir css
[root@localhost public]# cd css
[root@localhost css]# mkdir theme-options
[root@localhost css]# pwd
/usr/share/grafana/public/css
/usr/share/grafana/public/css目录作为存放基础css的目录
/usr/share/grafana/public/css/theme-options是存放主题样式的目录
2.在上述github上找到grafana-base.css和transparent.css
说明：
grafana-base.css文件在css/base/grafana目录下
transparent.css文件在css/defaults目录下
3.将上述两个文件下载到/usr/share/grafana/public/css目录下
[root@localhost css]# ll
-rw-r--r--. 1 root root 33540 Oct 20 10:10 grafana-base.css
drwxr-xr-x. 2 root root 214 Oct 20 10:40 theme-options
-rw-r--r--. 1 root root 1388 Oct 19 19:06 transparent.css
4.在grafana-base.css文件引入transparent.css文件
编辑grafana-base.css，在文件顶部添加@import url(“transparent.css”);,以相对路径引入transparent.css
例如：
[root@localhost css]# vim grafana-base.css
@import url("transparent.css");
body {
color: var(--text) !important;
background: var(--main-bg-color) !important;
background-repeat: repeat, no-repeat !important;
background-attachment: fixed, fixed !important;
background-position: center center, center center !important;
background-size: auto, cover !important;
-webkit-background-size: auto, cover !important;
-moz-background-size: auto, cover !important;
-o-background-size: auto, cover !important;
}
...
5.下载主题样式文件
将github上css/theme-options中所有css文件下载到/usr/share/grafana/public/css/theme-options目录
[root@localhost theme-options]# cd /usr/share/grafana/public/css/theme-options
[root@localhost theme-options]# ll
total 44
-rw-r--r--. 1 root root 1351 Oct 20 10:09 aquamarine.css
-rw-r--r--. 1 root root 1442 Oct 20 10:21 dark.css
-rw-r--r--. 1 root root 980 Oct 20 10:29 dracula.css
-rw-r--r--. 1 root root 1413 Oct 20 10:12 hotline.css
-rw-r--r--. 1 root root 1336 Oct 20 10:21 hotpink.css
-rw-r--r--. 1 root root 1455 Oct 20 10:22 maroon.css
-rw-r--r--. 1 root root 990 Oct 20 10:22 nord.css
-rw-r--r--. 1 root root 967 Oct 20 10:22 organizr.css
-rw-r--r--. 1 root root 1036 Oct 20 10:22 overseerr.css
-rw-r--r--. 1 root root 1748 Oct 20 10:24 plex.css
-rw-r--r--. 1 root root 1451 Oct 20 10:24 space-gray.css
6.为样式css文件引入grafana-base.css
theme-options目录中所有的css文件头部添加@import url(“…/grafana-base.css”);,以相对路径引入grafana-base.css
例如：
[root@localhost theme-options]# vim aquamarine.css
@import url("../grafana-base.css");
:root {
--main-bg-color: radial-gradient(ellipse at center, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed;
--modal-bg-color: linear-gradient(-90deg, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed;
--modal-header-color: linear-gradient(-90deg, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed;
--modal-footer-color: linear-gradient(-90deg, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed;
/*以下代码省略*/
...
}
b)启用主题
登录grafana > + > dashboard
创建panel
panel > visualization > boom panel > themes > Add New Theme
主题参数
主题效果
c)设置默认主题
d)应用到其他dashboard
主题panel标题下拉 > More > Copy
选择要应用新主题的dashboard > Add panel > Paste panel from clipboard > Save
效果
dashboard模板导入
对于常用的服务监控，例如主机节点监控，elasticsearch等等常见的服务，grafana官方有已经建好的dashboard面板模板，只要去grafana官网导入模板即可。
常用dashboard模板地址： https://grafana.com/grafana/dashboards/
例如：要为prometheus监控elasticsearch导入一个dashboard模板
模板搜索
datasource 选择prometheus
Copy模板id
注意：你要导入的dashboard模板要与自己安装的elasticsearch_exporter插件要匹配，不然数据可能不会展示
导入模板
粘贴模板id到load栏
扫一扫
501
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
