AI 助理
备案控制台
开发者社区 数据库 文章 正文

Grafana数据可视化工具安装与应用

2020-04-28 2208
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
本文涉及的产品
检索分析服务 Elasticsearch 版，2核4GB开发者规格 1个月
推荐场景：
数据可视化分析航班信息
可观测可视化 Grafana 版，10个用户账号 1个月
日志服务 SLS，月写入数据量 50GB 1个月
简介： 关键词：Grafana、Elasticsearch、Table、Gauge、BarGrauge、Graph、PieChart、Variables。

Grafana数据可视化工具安装与应用

关键词：Grafana、Elasticsearch、Table、Gauge、BarGrauge、Graph、PieChart、Variables。

Grafana是开源的可视化和数据监控分析工具软件。
支持查询、呈现、告警和浏览指标。
无视数据存储位置与数据库类型，只要Grafana能够访问到数据则可支持呈现。
可通过简单的配置，将时间序列数据库数据转换为图形和可视化效果。
本文中示例数据以Elasticsearch数据库为主，其他类型数据设置方式类似。

1、安装和配置

1.1、工具安装

登陆Grafana官方下载地址https://grafana.com/grafana/download 获得安装文件。
image.png

1.1.1、在线安装

（1）下载源码包
wget https://dl.grafana.com/oss/release/grafana-6.7.2-1.x86_64.rpm
image.png
（2）YUM安装
sudo yum install grafana-6.7.2-1.x86_64.rpm
image.png
（3）初始化
重载systemd配置：
systemctl daemon-reload
启动服务：
systemctl start grafana-server
查看状态：
systemctl status grafana-server
设置开机启动：
systemctl enable grafana-server.service
image.png
（4）测试
注：需关闭防火墙或放开3000端口
地址：http://IP地址:3000
默认账号密码：admin/admin
image.png
image.png

1.1.2、离线安装

（1）下载源码包
选择系统类型并通过下载链接下载rpm包：
https://dl.grafana.com/oss/release/grafana-6.7.2-1.x86_64.rpm
（2）YUM指定源码包安装
下载完成后将rpm包上传至linu服务器，并通过yum命令安装rpm包：
yum install -y grafana-6.7.2-1.x86_64.rpm
image.png
（3）初始化
启动grafana服务：
service grafana-server restart
image.png
将grafana服务器配置为在开机时启动：
chkconfig grafana-server on
image.png
（4）测试
注：需关闭防火墙或放开3000端口
地址：http://IP地址:3000
默认账号密码：admin/admin
image.png
image.png

1.2、配置管理

1.2.1、环境配置

（1）常用路径

二进制文件
/usr/sbin/grafana-server
启动脚本
/etc/init.d/grafana-server
环境变量
/etc/sysconfig/grafana-server
image.png
配置文件
/etc/grafana/grafana.ini
image.png
systemd服务
grafana-server.service
日志
/var/log/grafana/grafana.log

（2）常用命令

加载配置文件
systemctl daemon-reload
启动grafana服务
systemctl start grafana-server
设置开机启动
systemctl enable grafana-server.service
image.png
重启grafana服务
service grafana-server restart
image.png
查看运行状态
systemctl status grafana-server
image.png

（3）配置文件说明

配置文件/etc/grafana/grafana.ini内容：

【paths】
data=/var/lib/grafana#用来存储sqlite3、临时文件、会话等路径
logs=/var/log/grafana#日志路径
plugins=/var/lib/grafana/plugins#插件路径
【server】
protocol=http#访问协议，默认http
http_addr=#监听的ip地址，默认是0.0.0.0
http_port=3000#监听的端口，默认是3000
domain =localhost#通过浏览器访问grafana时的公开的domian名称，默认是localhost
enforce_domain =false#如果主机的头不匹配domian，则跳转到一个正确的域上，默认是false
root_url=http//localhost3000#访问grafana的全路径url
router_logging =false#是否记录web请求日志，默认是false
static_root_path=public#前端文件（HTML，JS和CSS文件）的目录路径默认为public
enable_gzip =false
cert_file=#SSL变量，使用用https时需要设置
cert_key=#证书，使用用https时需要设置
【database】
type=sqlite3#数据库，默认是sqlite3
host=127.0.0.1:3306#mysql，postgres需要，默认是127.0.0.1:3306
name=grafana#grafana的数据库名称，默认是grafana
user=grafana#数据库用户名
password=grafana#数据库密码
url=#使用URL配置数据库
ssl_mode=禁用#mysql，postgres使用
path = grafana.db＃只是sqlite3需要，定义sqlite3的存储路径
【session】
provider=file#session存储类型
provider_config=sessions
cookie_name=grafana_sess#grafana的cookie名称
cookie_secure=false#是否依赖https，默认为false
session_life_tim =86400#session过期时间，默认=86400秒
【log】
mode=console file#日志模式
level=info#日志级别
filters=#可选设置为特定的记录设置不同的级别
【log.console】
level=#日志级别
format =console#日志格式
【log.file】
level=#日志级别
format=text#日志格式
log_rotate=true
max_lines =1000000#单个日志文件的最大行数
max_size_shift=28#单个日志文件的最大大小
daily_rotate=true
max_days =7#日志过期时间单位天
【users】
allow_sign_up=true#是否允许普通用户登录
allow_org_create=true#是否允许用户创建新组织
auto_assign_org=true#是否自动的把新增用户增加到id为1的组织中
auto_assign_org_role=Viewer#新建用户附加的规则
login_hintdisable_login_form=false#是否隐藏登陆框
default_theme=dark#默认页面的背景
【auth】
disable_login_form=false#是否隐藏登陆框
【auth.basic】
enabled=true#是否开启HttpApi基本认证
【smtp】邮件服务器设置
enabled=false#是否开启
host=localhost25#ip和端口
user=
passwd=
cert_file=
key_file=
skip_verify=false
from_address=admin@grafana.localhost#发送邮箱名
from_name=Grafana#发送人
【dashboards.json】
enabled=true#是否开启自定义dashboards
path=/var/lib/grafana/dashboards#自定义dashboards路径
【Alerting】
enabled=true#是否启用警报引擎
execute_alerts=true#是否执行报警规则
【auth.proxy】
enabled=false#允许在HTTP反向代理上进行认证设置
header_name=X-WEBAUTH-USER
header_property=用户名
auto_sign_up =true#是否开启自动注册
ldap_sync_ttl=60
whitelist=#白名单
【analytics】
reporting_enabled=true#是否匿名发送使用分析stats.grafana.org
check_for_updates=true#更新检查设置
google_analytics_ua_id =#使用GA进行分析，填写GAID

1.2.2、插件安装

注：以饼图插件（PieChart）为例。

（1）查找插件

点击进入图标进入选中图形插件。
image.png
通过install Plugin按钮可实现在线安装（需登录）。

（2）命令安装

安装插件（上图中标记部分）
grafana-cli plugins install grafana-piechart-panel
安装完成重启服务
service grafana-server restart
image.png
安装成功，grafana插件列表中显示饼图插件。
image.png

（3）源码包安装

下载源码包
wget -nv https://grafana.com/api/plugins/grafana-piechart-panel/versions/latest/download -O /tmp/grafana-piechart-panel.zip
解压安装包
unzip -q /tmp/grafana-piechart-panel.zip -d /tmp
移动到目标路径
mv /tmp/grafana-piechart-panel-* /var/lib/grafana/plugins/grafana-piechart-panel
重启服务
service grafana-server restart

1.3、用户管理

1.3.1、添加用户

1）进入用户管理并选择添加用户
Configuration->Users->Invite
image.png
2）编辑需要添加的用户信息：
Email or Username:输入用户邮箱
Name：输入用户名
Role:配置用户权限(只读Viewer 编辑Editor 管理员Admin)
Send invite email：勾选时，会将新用户的设置密码的链接发到邮箱。
image.png
3）用户信息设置：
复制链接到浏览器的地址栏中访问（也可从邮件中收到链接）。
image.png
设置用户邮箱、账号、密码等信息。
image.png
完成后，系统自动跳转为新设置的用户登录。
image.png

1.3.2、权限管理

（1）权限规则

1）多用户管理规则：
Grafana通过支持创建多个组织、支对用户赋予不同权限。
支持通过将用户分配到不同组织，对其权限进行分隔，以此实现多租户功能。
每个组织都包含自己的仪表板，数据源和配置，并且不能在组织之间共享。
每个组织的数据源是不能复用的。即每个组织创建的数据源和DashBoard等资源为该组织独有，其他组织及其成员不可应用或访问。
同一个账号可关联不同组织，但不支持同时使用不同组织的内容。
用户账号登录的时候只看到其关联的组织的，且自己有权限的Dashboards。
与多个组织关联的账号需要使用归属不同组织的内容时，需要通过左上角的按钮切换组织。
默认仅允许具有管理员权限的账号创建新的组织，可以通过修改配置文件以允许非管理员用户创建组织。
普通账号可以被赋予管理员权限，管理员可对其他用户授权。
2）用户权限类型：
Admin：管理员。添加和编辑数据源，添加和编辑组织用户和团队，配置插件并设置组织设置。
Editor：编辑。创建和修改仪表板和警报规则，可以在特定文件夹和仪表板上禁用此功能，无法创建或编辑数据源，也无法邀请新用户。
Viewer：查看。查看仪表板可以在特定文件夹和仪表板上禁用此功能，无法创建或编辑仪表板或数据源。

（2）应用示例

1）添加组织org：
添加组织。Server Admin->orgs->New org。
image.png
创建组织。选择Create创建组织，窗口主动跳转值组织设置。
image.png
组织设置，组织名称与显示设置，包括Grafana显示的主题、用户默认主页等。
image.png
组织设置，可以更新组织名称或踢出组内成员。
image.png
将用户添加到组织。添加用户到组织后，该用户可使用该组织的资源（资源另有权限限制除外）。
image.png
2）Dashboard访问授权：
文件夹授权参考下文“管理文件夹”部分。
image.png
Dashboard的使用权限可继承自其归属的文件夹，也可主动设置。
image.png

2、添加数据源

Grafana呈现数据图表的前提是需要将Grafana与待呈现的数据表（或者索引）连接。
每个数据源为可视为一个数据表或索引，即通过配置将Grafana与对应的数据库连接，并制定对应的表或者索引。
当数据源创建完成或已存在后，方可以此为基础进行数据的统计与呈现。
数据源设置流程：Configuration->Data Sources->Add Data Sources->选择对应数据库类型->配置连接并保存。
以下通过添加Elasticsearch数据库中某索引为例。

2.1、选择数据源类型

（1）进入数据源设置界面并选择需要添加的数据源的数据（库）类型：
Configuration->Data source->Add data sources。
image.png
（2）添加指定数据库类型的数据源：
Add data sources->选择数据源类型->select进入编辑界面。
image.png

2.2、数据连接配置

进入数据源配置界面，添加数据源并测试。
设置数据源名称、连接方式、以及具体的数据索引或数据表。
image.png
image.png
（2）选择保存并测试（Save & Test），当系统显示“Index OK. Time field name OK”则说明设置成功。
image.png

3、创建仪表板

3.1、创建文件夹

注：文件夹为非必须存在的内容，即是否设置文件夹不影响使用。
用户可以通过Create功能直接创建文件夹，或在创建的Dashboard时同时创建文件夹。

3.1.1、直接创建文件夹

直接选择创建文件夹：
Create->Folder->Manage->New Dashboard Folder->添加Name->Create。
image.png

3.1.2、同时创建文件夹

在创建Dashboard的同时创建文件夹，并将该Dashboard自动归类在该文件夹：
Create->Dashboard->Save Dashboard >Save As->添加Dashboard名称->Folder选择New Floder->设置文件夹名称->创建文件夹Create->Save保存设置。
image.png

3.2、管理文件夹

3.2.1、 进入文件夹管理方式

（1）直接创建文件夹成功后，自动跳转至管理界面。
image.png
（2）通过“设置”按钮进入。
image.png

3.2.2、管理文件夹

（1）在文件夹中添加DashBoard。
image.png
（2）配置当前文件夹的用户权限。
image.png
注：也可通过AddPermission来添加Team或User。
（3）设置当前文件夹（例如更名、删除）。
image.png

3.3、创建仪表板Dashboard

3.3.1、通过文件夹（Folder）创建Dashboard

在文件夹管理界面创建Dashboard：
Dashboards/文件夹名称->Dashboards->Create Dashboard。
image.png

3.3.2、直接创建Dashboard

直接创建Dashboard并选择其归属的文件夹：
Create->Dashboard->save dashboard-> Save As->New Name设置dashboard名称->Folder设置归属文件夹（此处可不设置）->Save保存设置。
image.png

4、常用图表

在DashBoard界面，点击上沿工具栏中“柱形图标add panel”，生成编辑选项“New Panel”。
image.png

4.1、行标题

行标题为用于提示或分割图表区域的标签，添加方式为：
add panel-> New Panel->convert to row
可以点击“设置”图标（齿轮），编辑设置选项“Row Options”。
image.png

4.2、表格Table

4.2.1、选择添加表格

添加图表并选择图表类型：
add panel ->New Panel->Chooes Visualization->选择表格“Table”；
点击进入图表编辑或设置选项。
image.png

4.2.2、进入查询编辑Queries

进入Queries，选择数据源并配置所需字段，配置选项说明如下示例。

（1）添加数据源与指标

A、数据源选择：
image.png
B、指标配置：
若不存在预置查询则通过Add Query添加查询，查询选项条目如下列所示。
Metric：设置指标以及其计算方式。
Group by：设置分组方式。
Then by：添加分组方式。
Query：查询条件选框。其中可以加入语句用作过滤条件，与Group by中的Filters类似。
C、分组（Group by）方式：
1）分组方式eq1：以时间直方图（Date Histogram）分组
image.png
2）分组方式eq2：以筛选条件（Filters）分组
image.png
3）分组方式eq3：以条款（Terms）分组
image.png
此分组方式只在“Data>Table Transform”为“Table”时生效，此时Terms对应的字段将作为表头呈现。
image.png
D、时间设置
由于数据延时，图表中（特别是Table类），所显示的最近的时间点的数据可能为空，此时可通过“时移Time shift”设置来将显示的最近时间向前移动。
image.png
image.png

（2）常用函数

count：统计数据源中符合要求的记录数。
Average：均值。
Sum：求和。
Max：最大值。
Min：最小值。
Percentiles：百分位，用于计算分析数据的K百分比数值点。
Unique count：唯一计数，即某内容的出现次数。
Logs：日志。按照日志原有样式显示。

（3）Bucket Script函数

通过Bucket Script（分桶脚本）函数，对多个指标进行聚合运算，例如对多个指定的指标进行数学运算。
image.png

（4）Extended Stats函数

通过Extended Stats（聚合拓展）函数，可以对聚合的结果进行更近一步的分析，例如获取均值、最大值、最小值等。
image.png

4.2.3、进入视图编辑Visualization

（1）数据设置Data

设置数据显示方式，决定了表格以哪种方式呈现：
Visualization->Data-> Table Transform。
image.png
其中数据显示方式（Table Transform）选项包含以下选项：
1）time series to rows：按时间分行显示。同一行内显示“时间”“指标名”“指标值”。
2）time series to columns：按时间分列显示。同一行内显示“时间”“指标值”，“指标名”为“指标值”所对应对的列名。
3）time series aggregations：按时间聚合。将当前所选的时间范围内的指标聚合统计，不显示时间列。
4）annotations：注释。
5）Table：表格。
6）Json Data：Json数据。

（2）列设置Column Styles

注：根据字段类型（Type）不同，可选项目不同，例如Number格式字段可以配置告警。
1）字段类型eq1：字段类型为Date：
image.png
2）字段类型eq2：字段类型为Number（此时可以设置指标值在不同区间的颜色）：
image.png
其中告警阈值设置为“0.1,0.2”即当数值小于“0.1”时为绿色，在“0.1,0.2”之间时为橙色，大于“0.2”时为红色（颜色对应顺序可调整）。
image.png

（3）添加列设置

1）点击添加列设置“Add column style”新增列设置选项。
2）选择添加列后，系统自动增加“Options”选择面板，配置步骤与上述相同。
3）当“Apply to columns named”设置为“/.*/”时，意为统配除已设置好的字段之外的其他所有字段，且该设置应在此类设置的最后一条，否则在它之后的其他设置将不再生效。

4.2.4、进入图表管理

进入General，设置表名Title，也可以设置表背景是否透明Transparent，或添加表注释（描述）Description。
image.png
完成后图表样式为：
image.png

4.2.5、图表Table导出

图表标题->More ->Expore CSV。
image.png

4.3、仪表盘Gauge

4.3.1、选择添加仪表盘

添加图表并选择图表类型：
add panel ->New Panel->Chooes Visualization->选择仪表盘“Gauge”；
点击进入图表编辑或设置选项。
image.png

4.3.2、进入查询编辑Queries

进入Queries，选择数据源并配置所需字段。数据源选择与指标设置与上述Table步骤类似，指标函数与用法基本相同。
image.png

4.3.3、进入视图编辑Visualization

（1）呈现设置

Display：设置数据显示方式。
1）Show为图表显示方式。其中Caculation为将涉及的数据统计计算后呈现；All Values为将涉及的所有数值依次全部显示（最终显示多个仪表盘）。
2）Calc为指标值的汇聚方式，例如显示最后一个非空值、显示均值、峰值等。
Field：设置图中呈现内容，包括指标标题、数据单位、仪表盘数值的起止范围，显示数据的保留小数位数。
Thresholds：设置指标值在不同的取值区间内按照指定的颜色显示。数值由低到高添加，颜色可通过调色板选择调整。
image.png

（2）设置映射值Value mappings

Value mappings：可以设置一个数值（指标类型为数值value）或者一个范围（指标类型为百分比range），当图中指标值在所设置的数值范围内或相等，则图中显示预设（Text中）内容。
注：该设置将会影响数值的正常显示。
image.png

4.2.4、进入图表管理

进入General，设置表名Title，也可以设置表背景是否透明Transparent，或添加表注释（描述）Description。
image.png
完成后图表样式为：
image.png

4.4、柱形图BarGrauge

4.4.1、选择添加柱形图

添加图表并选择图表类型：
add panel ->New Panel->Chooes Visualization->选择柱形图“Bar Gauge”；
点击进入图表编辑或设置选项。
image.png

4.4.2、进入查询编辑Queries

进入Queries，选择数据源并配置所需字段。数据源选择与指标设置与上述步骤类似，指标函数与用法基本相同。
需注意分组的设置，Order By设置中包含有DocCount根据记录条数，TermValue分组字段的值，以及之前设置的某一计算结果。
image.png

4.5.3、进入视图编辑Visualization

（1）呈现设置

Display：设置数据显示方式。
1）show为图表显示方式。其中Caculation为将涉及的数据统计计算后呈现；All Values为将涉及的所有数值依次全部显示（最终显示多个仪表盘）。
2）Calc为指标值的汇聚方式，例如显示最后一个非空值、显示均值、峰值等。
3）Orientation为柱形图方向。horizontal为横向；vertical为垂直方向。
4）Mode为显示模式。其中gradient为阶梯状；petro LCD为液晶格式；Basic为基础格式。
Field：设置图中呈现内容，包括指标标题、数据单位、仪表盘数值的起止范围，显示数据的保留小数位数。
Thresholds：设置指标值在不同的取值区间内按照指定的颜色显示。数值由低到高添加，颜色可通过调色板选择调整。
image.png

（2）设置映射值Value mappings

Value mappings：设置一个数值（指标类型为数值value）或者一个范围（指标类型为百分比range），当图中指标值在所设置的数值范围内或相等，则图中显示预设（Text中）内容。效果与上述“仪表盘”类似，示例略。

4.2.4、进入图表管理

进入General，设置表名Title，也可以设置表背景是否透明Transparent，或添加表注释（描述）Description。
image.png
完成后图表样式为：
image.png

4.5、趋势图Graph

4.5.1、选择添加趋势图

添加图表并选择图表类型：
add panel ->New Panel->Chooes Visualization->选择趋势图“Graph”；
点击进入图表编辑或设置选项。
image.png

4.5.2、进入查询编辑Queries

进入Queries，选择数据源并配置所需字段。数据源选择与指标设置与上述步骤类似，指标函数与用法基本相同。
分组设置中，Order By设置中包含有DocCount根据记录条数，TermValue分组字段的值，以及之前设置的某一计算结果。
image.png
当图中有多行（组）显示且具有多条筛选条件时，其筛选条件将与分组值同时在悬浮标签中展示，此时可通过设置Lable值来调整显示内容，否则筛选条件将直接被原样显示，影响展示效果。
image.png

4.5.3、进入视图编辑Visualization

（1）呈现设置

Draw Modes与Mode Options：设置数据显示方式。
Hover tooltip：设置悬浮选框中的显示模式。
Stacking & Null value：设置堆栈格式和空值的处理方式。
image.png

（2）坐标轴设置Axes

Y轴包含左右两个坐标轴，通过show管理是否显示。
具体设置方式如下图。
注：此处保留小数位设置Decimals，仅控制坐标轴中数值显示，与其他悬浮和下方显示的数值无关。
image.png

（3）说明设置Legend

图表之外添加的指标标签，具体选项入下图所示。
注1：此处保留小数位设置Decimals，控制图中标签显示，包括下方横标签和悬浮标签的数位。
注2：此处options中Show设置仅控制下方图例标签显示，不影响图中悬浮标签。
image.png
效果如下图所示。
image.png

（4）扩展：副（右）坐标轴Right Y设置

当存在两条数量级差距巨大的指标曲线时，可能需要启用右侧坐标轴。
使用右侧坐标轴时，首先需在“呈现设置选框组”中启用“替代列series override”，即创建另一条曲线或指标的呈现规则，并在此规则中将名称（名称alias or regex）指向需要呈现的指标。设置该指标的呈现为第二个Y轴（Y-axis:2），同时设置其他的呈现要求。
image.png
上述设置完成后，“坐标轴设置Axes”中的“Right Y”选项才能生效。
image.png
设置完成后，指标曲线由双坐标呈现。
image.png
4.5.4、进入图表管理
进入General，设置表名Title，也可以设置表背景是否透明Transparent，或添加表注释（描述）Description。
image.png
完成后图表样式为：
image.png

4.6、饼/环形图Pie Chart

4.6.1、选择添加趋势图

添加图表并选择图表类型：
add panel ->New Panel->Chooes Visualization->选择饼图“Pie chart”；
注：此插件并非grafana初始自带，需安装后方可使用。
点击进入图表编辑或设置选项。
image.png

4.6.2、进入查询编辑Queries

进入Queries，选择数据源并配置所需字段。数据源选择与指标设置与上述步骤类似，指标函数与用法基本相同。
image.png
当图中提示“Could not draw pie with labels contained inside canvas”时，原因多为绘图空间较小，图形无法呈现，此时并非配置或语法错误，向下拖动下边界扩大绘图区域即可。
image.png

4.6.3、进入视图编辑Visualization

Type：设置数据显示方式。包括饼形图pie和环形图donut。
Value：设置显示的数值的类型。包括总计total，最大值max，最小值min，平均值avg，当前值current。
Position：设置标签的显示位置。包括在悬浮在图表上on graph，在图表下方under graph，在图表右侧right side。
image.png

4.6.4、进入图表管理

进入General，设置表名Title，也可以设置表背景是否透明Transparent，或添加表注释（描述）Description。
image.png
完成后图表样式为：
image.png

4.7、筛选条件/变量Variables

在Grafana可视化工具中，通过Variables template配置实现类似Kibana的关联选择钻取，即创建“条件筛选框”或“动态级联菜单”。
进入Dashboard设置中的变量设置：Settings->Variables->Add variable
image.png

4.7.1、创建数据源变量Datasource

如果Dashboard中图表所需的数据分别存储于不同的数据源中，即需的各变量单独存储在一个Datasource数据源中，则需要新建一个数据源变量。
若所有图表的数据源均为同一个则可以直接创建查询变量。
配置选项如下：
1）General=总则。
Name：变量名称，要求变量名唯一，且不包含空白字符。
Label：变量在下拉列表中中的名称。
Hide：隐藏该变量的下拉选择框，即在Dashboard中不展示。
Type：定义变量类型，选择DataSource。
Data source options=数据源选项。
Type：数据源类型。
Instance name filter：实例（数据源）名称选择或匹配规则，默认将会匹配所有上述类型的数据源。
2）选择设置Selection Options。
Multi-value：是否允许多选。
Include All option：是否包括所有选项。
3）Preview of values=匹配到的数据源名称预览。
配置示例：
image.png
选择“add”添加该变量。
image.png

4.7.2、创建查询变量Query

如果变量的值需要通过查询得到，所以要新建查询变量Query。
配置选项如下：
1）General=总则。
Name：变量名称，要求变量名唯一，且不包含空白字符。
Label：变量在下拉列表中中的名称。
Hide：隐藏该变量的下拉选择框，即在Dashboard中不展示。
Type：定义变量类型，选择 Query。
2）Query Options=查询选项。
Data source：数据源名称。
Refresh：更新变量选择列表（变量下拉列表中的值）。可选值 never(从不)、On Dashboard Load(Dashboard加载完成之前更新，这会减慢加载速度) 、On Time Range Change（如果变量选项包含一个时间范围过滤，即和时间相关，或者依赖dashboard时间范围选择）。
Query：查询条件。根据数据源不同使用不同的查询方式，表达式书写规则因数据源不同而不同, 比如mysql，InfluxDB、ES数据库都用各自的查询语法。
Regex：正则表达式.用于过滤Query返回的数据（可能我们只需要Query返回中的部分数据，可选。
Sort 定义下拉选项的顺序.设置为Diasble则表示保持按查询返回的数据排序。
3）选择设置Selection Options。
Multi-value：是否允许多选。
Include All option：是否包括所有选项.。即添加一个 All 选项，该选项表示包含所有变量值
Custom all value：默认添加的ALL选项会包含同查询表达式绑定的所有值，这些值可能会有很多，这会带来性能问题，这种情况下，我们可以指定一个自定义all值，比如一个通配符正则表达式（globs 或 lucene 语法的表达式），以减少all所包含的数据量。
4）Preview of values=匹配到的数据源名称预览。
配置示例：
image.png
添加成功：
image.png
Dashboard显示：
image.png

4.7.3、变量应用于图表

当变量设置完成后，Dashboard上方将呈现已设置的变量选择框。但是此时的变量并不能影响下发图表的呈现内容。而是需要将已设置的变量在每个图表中进行配置。
以Elasticsearch数据类型为例：
编辑图表，在Query部分添加映射条件。即通过变量名获取变值，并赋值给图表中使用的字段。
例如下图中示例为：
city_name:$city_name_var
通过上述设置的变量名city_name_var，获取变量$city_name_var，并指向本图表中使用的字段city_name。
当有多个变量同时作用于一个图表时，变量之间通过逻辑关系AND或OR连接（注：AND或OR需大写）。
例如下图中示例：
city_name:$city_name_var AND manufacturer:$manufacturer_var
image.png
效果如图所示：
image.png
筛选条件后：
image.png
注：当需要将某几个数据源从多个名称相近的数据源中独立取出使用时，不妨尝试将需要的数据源重新接入，然后将其名称按照一定的规律设置，然后通过设置datasource变量来实现对指定数据源的应用。
image.png
image.png
image.png

附录

1、术语

Name Describe
Dashboard A set of one or more panels, organized and arranged into one or more rows, that provide an at-a-glance view of related information.
Data source A file, database, or service providing the data. Grafana supports a several data sources by default, and can be extended to support additional ones through plugins.
Graph A commonly-used visualization that displays data as points, lines, or bars.
Panel Basic building block in Grafana, composed by a query and a visualization. Can be moved and resized within a dashboard.
Plugin An extension of Grafana that allows users to provide additional functionality to enhance their experience. The types of plugins currently supported are:
Plugin App plugin：Extends Grafana with a customized experience. It includes a set of panel and data source plugins, as well as custom pages.
Plugin Data source plugin: Extends Grafana with supports additional data sources in Grafana.
Plugin Panel plugin:Extends Grafana with additional visualization options.
Query Used to request data from a data source. The structure and format of the query depend on the specific data source.
Time series A series of measurements, ordered by time. Time series are stored in data sources and returned as the result of a query.
Visualization A graphical representation of query results.

2、参考资料

官方文档https://grafana.com/docs/grafana/latest/
安装工具https://blog.csdn.net/kai172142xiang/article/details/102770394
安装工具https://www.cnblogs.com/imyalost/p/9873641.html
安装工具https://blog.csdn.net/kai172142xiang/article/details/102770394
安装工具https://www.jianshu.com/p/c94d3b57f529?from=timeline&isappinstalled=0
环境配置https://blog.csdn.net/qq_39135609/article/details/82418461
安装插件https://grafana.com/grafana/plugins?utm_source=grafana_plugin_list
安装插件https://grafana.com/docs/grafana/latest/plugins/installation/
安装插件https://baijiahao.baidu.com/s?id=1603802149984328702&wfr=spider&for=pc
变量设置https://grafana.com/docs/grafana/latest/reference/templating/
变量设置https://www.cnblogs.com/shouke/p/10420836.html
变量设置https://play.grafana.org/d/000000015/elasticsearch-templated?orgId=1
视频教程https://www.bilibili.com/video/BV1Vb411A7zt?share_medium=android&share_source=more&bbid=XY5D0955D216172C8DFA45ADD1B0BD2C2E1DF&ts=1585630230167

Yunxi.D
2020/04/28 23:34

文章标签：
可观测可视化 Grafana 版
检索分析服务 Elasticsearch版
日志服务
前端开发
BI
数据可视化
关系型数据库
索引
网络安全
数据安全/隐私保护
对象存储
数据库
存储
关键词：
可观测可视化 Grafana 版安装
可观测可视化 Grafana 版应用
可观测可视化 Grafana 版工具
可观测可视化 Grafana 版数据可视化
相关实践学习
通过可观测可视化Grafana版进行数据可视化展示与分析
使用可观测可视化Grafana版进行数据可视化展示与分析。
Yunxi.D
目录
相关文章
东风微鸣技术博客
|
6月前
|
存储 Prometheus 监控
Grafana 系列文章（十四）：Helm 安装 Loki
Grafana 系列文章（十四）：Helm 安装 Loki
东风微鸣技术博客
341 0
若明天不见丶
|
6月前
|
Prometheus Cloud Native Java
微服务框架（二十三）Prometheus + Grafana 安装、配置及使用
此系列文章将会描述Java框架Spring Boot、服务治理框架Dubbo、应用容器引擎Docker，及使用Spring Boot集成Dubbo、Mybatis等开源框架，其中穿插着Spring Boot中日志切面等技术的实现，然后通过gitlab-CI以持续集成为Docker镜像。 本文为Prometheus + Grafana 安装、配置及使用 本系列文章中所使用的框架版本为Spring ...
若明天不见丶
207 0
两仪落
|
4天前
|
Prometheus 监控 Cloud Native
基于Docker安装Grafana和Prometheus
Grafana 是一款用 Go 语言开发的开源数据可视化工具，支持数据监控和统计，并具备告警功能。通过 Docker 部署 Grafana 和 Prometheus，可实现系统数据的采集、展示和告警。默认登录用户名和密码均为 admin。配置 Prometheus 数据源后，可导入主机监控模板（ID 8919）进行数据展示。
两仪落
32 2
1288912195458132
|
3月前
|
Prometheus 监控 Cloud Native
prometheus学习笔记之Grafana安装与配置
prometheus学习笔记之Grafana安装与配置
1288912195458132
310 2
zuozewei
|
3月前
|
存储 Linux 数据库
性能工具之JMeter + Grafana + InfluxDB 性能平台搭建
【8月更文挑战第7天】性能工具之JMeter + Grafana + InfluxDB 性能平台搭建
zuozewei
66 1
性能工具之JMeter + Grafana + InfluxDB 性能平台搭建
郑小健
|
3月前
|
Prometheus 运维 监控
Grafana 在 DevOps 中的应用
【8月更文第29天】Grafana 是一个开源的数据可视化平台，它可以连接到多种数据源，从简单的指标到复杂的查询，都能轻松创建出漂亮的图形化仪表板。在 DevOps 领域，Grafana 被广泛应用于性能监控、故障排查、服务可用性监控等方面。本文将详细介绍 Grafana 如何支持 DevOps 团队的工作，并提供一些具体的使用案例和代码示例。
郑小健
37 1
土木林森
|
3月前
|
Prometheus 监控 Cloud Native
Spring Boot 性能护航！Prometheus、Grafana、ELK 组合拳，点燃数字化时代应用稳定之火
【8月更文挑战第29天】在现代软件开发中，保证应用性能与稳定至关重要。Spring Boot 作为流行的 Java 框架，结合 Prometheus、Grafana 和 ELK 可显著提升监控与分析能力。Prometheus 负责收集时间序列数据，Grafana 将数据可视化，而 ELK （Elasticsearch、Logstash、Kibana）则管理并分析应用日志。通过具体实例演示了如何在 Spring Boot 应用中集成这些工具：配置 Prometheus 获取度量信息、Grafana 显示结果及 ELK 分析日志，从而帮助开发者快速定位问题，确保应用稳定高效运行。
土木林森
99 1
zuozewei
|
6月前
|
监控 数据可视化 测试技术
性能工具之JMeter+InfluxDB+Grafana打造压测可视化实时监控
【5月更文挑战第23天】性能工具之JMeter+InfluxDB+Grafana打造压测可视化实时监控
zuozewei
561 6
性能工具之JMeter+InfluxDB+Grafana打造压测可视化实时监控
yuanzhengme
|
5月前
|
时序数据库
时序数据库工具grafana里的$timeFilter查询1个小时内的数据如何写查询条件
【6月更文挑战第24天】时序数据库工具grafana里的$timeFilter查询1个小时内的数据如何写查询条件
yuanzhengme
592 0
yusheng_xyb
|
6月前
|
Prometheus 监控 Cloud Native
应用监控(Prometheus + Grafana)
应用监控(Prometheus + Grafana)
yusheng_xyb
309 2

热门文章

最新文章

  • 1
    5分钟搭建网站实时分析：Grafana+日志服务实战
  • 2
    阿里云监控grafana数据源使用说明文档
  • 3
    【Grafana】基于CentOS 7系统安装部署Grafana服务端
  • 4
    Apache Doris Grafana监控指标介绍
  • 5
    【监控利器Prometheus】——Prometheus+Grafana监控服务器资源
  • 6
    Grafana+prometheus变量支持include all设置方法
  • 7
    快速部署Grafana日志监控+Nginx封禁IP
  • 8
    基于Prometheus+Grafana的应用监控系统建设（二）
  • 9
    一文带你吃透MySQL性能监控解决方案：Prometheus+Grafana
  • 10
    配置grafana直连zabbix数据库（十二）
  • 1
    应用监控(Prometheus + Grafana)
    309
  • 2
    Prometheus+Grafana+NodeExporter 打造一款出色的监控系统，帅呆了！
    165
  • 3
    Nginx+Promtail+Loki+Grafana Nginx日志展示
    267
  • 4
    请问OceanBase社区版能否通过zabbix监控，然后将报错信息展现到grafana？
    67
  • 5
    Grafana Plugin: 支持 jsx 实时渲染的 grafana 面板插件
    272
  • 6
    阿里云Grafana服务支持一键安装Grafana插件
    101
  • 7
    阿里云Grafana服务支持一键安装Grafana插件
    204
  • 8
    「译文」Grafana Loki 简要指南：关于标签您需要了解的一切
    333
  • 9
    「译文」开源日志监控：Grafana Loki 简要指南
    559
  • 10
    Grafana 系列 -Loki- 基于日志实现告警
    288

    • 相关课程

    更多
  • 最新大版本解读：Grafana 10 新特性 & 新能力
  • 可观测Grafana入门课程
  • Python 数据可视化库 Matplotlib 快速入门
  • Python 数据分析库 Pandas 快速入门
  • Kibana Lens 入门
  • 【数据可视化】基础数据画图

    • 相关电子书

    更多
  • Python第四讲——使用IPython/Jupyter Notebook与日志服务玩转超大规模数据分析与可视化
  • K8s监控神器——TSDB for Prometheus的入门与实践
  • Python 系列直播——深入Python与日志服务，玩转大规模数据分析处理实战第二讲

    • 相关实验场景

    更多
  • 通过可观测可视化Grafana版进行数据可视化展示与分析
  • 基于Kibana Dashboard创建仪表板，可视化匹配航班信息
  • 基于Kibana Lens进行数据可视化，灵活分析航班信息
  • Github实时数据分析与可视化
  • DataV模版快速创建可视化看板

    • 推荐镜像

    更多
  • grafana
  • kubernetes
  • jenkins
    • 下一篇
    阿里云无影云电脑免费试用，最长可试用3个月