在之前系列博文中,已经介绍完了数据采集和数据存储,那数据如何展示呢?所以今天就专门来讲下数据如何展示的问题。

以前博文参考:

Docker系列——InfluxDB+Grafana+Jmeter性能监控平台搭建(一)

Docker系列——InfluxDB+Grafana+Jmeter性能监控平台搭建(二)

Grafana简介

既然都要使用Grafana了,那我们就先来简单认识下吧。

Grafana 是 Graphite 和 InfluxDB 仪表盘和图形编辑器,同时也是开源的、功能齐全的度量仪表盘和图形编辑器,支持 Graphite,InfluxDB 和 OpenTSDB。

Grafana 主要特性:灵活丰富的图形化选项;可以混合多种风格;支持白天和夜间模式;多个数据源;Graphite 和 InfluxDB 查询编辑器等等。

每个数据源的查询语言和能力都是不同的。你可以把来自多个数据源的数据组合到一个仪表板,但每一个面板被绑定到一个特定的数据源,它就属于一个特定的组织。

Grafana安装

环境部署很简单,这里使用的是docker部署,操作命令如下:

  • 拉取镜像:docker pull grafana/grafana

  • 启动服务: docker run -d -p 3000:3000 --name my_grafana grafana/grafana

这里需要注意的是,端口需要放开,比如阿里云在安全策略中配置。

服务启动好之后,使用地址:http://服务器ip:3000/login 访问即可,出现如下界面:

初始的账号密码是:admin/admin,但登录后会重置一次密码,这个就可以输入自己的密码了。

登录成功后的界面如下所示:

环境部署好了,那就开始配置监控界面吧。

Grafana配置

配置数据源

在配置面板的时候,我们先配置数据源。之前的博文介绍了存放数据,现在就需要到目标中读取即可。配置界面如下所示:

我们选择的数据源是:InfluxDB,因为我们在之前的博文介绍,使用的就是InfluxDB。如下所示:

接下来就是配置名称、url、数据库等信息。url中的ip填自己的实际ip地址即可,数据库配置也是如此,按自己的实际情况配置。如下所示:

所有信息都配置完后,我们来验证下,点击界面中的SAVE&TEST,没有报错则说明添加成功了,如下所示:

手动配置

在演示对应面板配置时,可以和第二篇博文对应查看,因为采集到的数据,配置的面板也有不同。我们先来看第一种,自定义添加自己需要的字段指标,对应的是GraphiteBackendListenerClient方式,如下所示:

上图是我自己简单配置的一个界面,具体配置步骤如下。

我们在首页面板,点击如下所示的对应按钮,进入到添加字段页面,如下所示:

在添加字段时,需要先选择数据来源,再选择对应的字段指标,如下所示:

添加多个字段,如下所示:

字段数据保存后,我们来看配置的面板,可以添加多个小面板,可以按时间段查看数据等,大家一看就会,如下所示:

模板引用一

说到这里,有人会质疑了,每次我都一个个的去配置,那多麻烦呀,有没有通用的模板,引用即可,简单高效。

模板是有的,我们到Grafana官网下载即可,操作如下所示:

从图中可以看出,有个 Apache JMeter Dashboard using Core,我们查看详情,有使用介绍,这种面板,数据收集的方式是 InfluxdbBackendListenerClient ,对应的是第二篇博文中的第二种方式,面板的具体配置,我们来看具体步骤。

引用模板的方式有两种,一种是按模板id导入,另一种是下载模板json并导入,效果都是一样的,只是方式不同而已。我们先按模板id导入,操作如下:

按上图所示,我们点击对应按钮,进入导入界面,输入我们刚才搜索到的模板id:5496 ,导入即可。导入后出现如下所示界面,可以配置面板名称和DB name

配置完毕后,我们就可以看到面板了,里面展示对应数据,比自己手动配置,的确是漂亮不少,如下所示:

面板中的指标数据也是丰富的,如下所示:

模板引用二

在Grafana官网中,搜素模板,其实还有一个,那就是 JMeter Load Test,我们也来查看下,这个面板的配置,需要自己扩展下,扩展方式在第二篇博文中有讲解,要用第三种方式来采集数据,细节就不重复讲了,看上一篇博文即可。

刚才讲到,我们引用模板有两种方式,那现在我们来讲下按json导入,我们先下载json文件,如下所示:

我们来导入面板,操作如下所示:

同样的,导入后,就可以配置面板名称和数据来源,如下所示:

配置完成后,我们就可以看到面板了,如下所示:

好了,Grafana数据展示面板配置,就分享到这,希望对大家有所帮助。

版权声明:本文为hong-fithing原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://www.cnblogs.com/hong-fithing/p/14578602.html