1. Grafana 介绍
1.1 什么是Grafana
Grafana是一款近几年比较流行的开源数据绘图工具平台。
Grafana原生支持包括但不限于InfluxDB,MySQL,OpenTSDB,PostgreSQL和Prometheus等多种数据源作为输入源数据。
官方地址:
https://grafana.com/
下载地址:
https://grafana.com/grafana/download
2.2下载并部署Grafana
(1)下载软件包
wget https://dl.grafana.com/oss/release/grafana-8.0.3-1.x86_64.rpm
(2)安装软件
yum -y localinstall grafana-8.0.3-1.x86_64.rpm
(3)启动服务
[root@docker201.oldboyedu.com ~]# systemctl start grafana-server
[root@docker201.oldboyedu.com ~]#
[root@docker201.oldboyedu.com ~]# systemctl enable grafana-server
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/5bf8d141ad28334e11e9f700f49b6828.png)
2. 基于Grafana的WebUI添加Prometheus数据源
2.1 添加数据源
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/6420a57fd09c4f840a6951cc9d22aa63.png)
2.2 选择数据源
Grafana将数据源分为:
时间序列数据库("Time series databases"),
日志和文档型数据库("Logging & document databases"),
分布式追踪("Distributed tracing"),
关系型数据库(SQL),云环境(Cloud),企业插件(Enterprise plugins)等。
如下图所示,我们选择Time series databases中的"Prometheus"作为数据源。
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/8f7286150c197fd5f31ffadd4198d24f.png)
2.3 自定义数据源信息
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/e9f88d6e41eb47a580419bad2f5152fb.png)
2.4 数据源添加成功
如果我们后期想要对其进行修改,可以直接点击相应的数据源按需求编辑即可。
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/09d9e46c2549e6e4b3cde00abf41aed6.png)
3. 自定义Dashboard
3.1 Add an empty(添加空面板)
如下图所示,依次点击"+"按钮 ---> "Add an empty panel"
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/dc3c11509c7095c6171e777d6991f9b9.png)
3.2 自行绘图
如下图所示,我们可以将PQL语句直接贴到咱们的Grafana的"Metrics browser"选项处,这会立即出图哟!
(1 - ((sum(increase(node_cpu_seconds_total{mode="idle"}[1m])) by (instance)) / (sum(increase(node_cpu_seconds_total[1m])) by (instance)))) * 100
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/e07a2753519354f7832e3a0f622125b2.png)
3.3 保存(save) Dashboard
如果想要画多个图可以先跳过当前步骤
如下图所示,点击"Save"按钮,就可以保存咱们画的图啦。
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/0494f1c27ce7661f4f35150568a1e725.png)
3.4 应用(Apply)图形
如果在上一步没有点击“Save”按钮,而是点击的"Apply"按钮,则会返回如下图所示的按钮。
我们可以继续点击"Add panel",会继续创建新的图形,直到完成我们的需求后,再点击"Save"按钮。
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/9f2fe9732875bc56c558c6186b975bf9.png)
3.5 继续画画
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/ca6863361bbb59691c083571f5425339.png)
3.6 添加视图后点击Apply
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/358088b9601ec1e6c39a4d02af4f047d.png)
3.7 保存视图
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/1a3552c08ca366abaf1c140e3263bd5f.png)
3.8 拖拽图形可以继续保存
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/62fcd12e2161846f85816a8ba1034b22.png)