面板介绍


面板(Panel)是 Grafana 中基本可视化构建块,每个面板都有一个特定于面板中选择数据源的查询编辑器,每个面板都有各种各样的样式和格式选项,面板可以在仪表板上拖放和重新排列,它们也可以调整大小,所以要在 Grafana 上创建可视化的图表,面板是我们必须要掌握的知识点。

Panel 是 Grafana 中最基本的可视化单元,每一种类型的面板都提供了相应的查询编辑器(Query Editor),让用户可以从不同的数据源(如 Prometheus)中查询出相应的监控数据,并且以可视化的方式展现,Grafana 中所有的面板均以插件的形式进行使用。

Grafana 提供了各种可视化来支持不同的用例,目前内置支持的面板包括:Time series(时间序列)是默认的也是主要的图形可视化面板、State timeline(状态时间表)状态随时间变化 、Status history(状态历史记录)、Bar chart(条形图)、Histogram(直方图)、Heatmap(热力图)、Pie chart(饼状图)、Stat(统计数据)、Gauge、Bar gauge、Table(表格)、Logs(日志)、Node Graph(节点图)、Dashboard list(仪表板列表)、Alert list(报警列表)、Text panel(文本面板,支持 markdown 和 html)、News Panel(新闻面板,可以显示 RSS 摘要)等,除此之外,我们还可以通过官网的面板插件页面 ​​Grafana Plugins - extend and customize your Grafana | Grafana Labs​​ 获取安装其他面板进行使用。

Grafana Panel 面板介绍和Time series(时间序列)_数据源

图形面板  


前文我们介绍了 Grafana 中的面板概念,对于基于时间的折线图、面积图和条形图,我们建议使用默认的时间序列进行可视化。接下来我们就来介绍基于 Time series 时间序列的图形可视化方式的操作。

添加面板  Time series(时间序列)


cpu使用率:

(1 - sum(rate(node_cpu_seconds_total{mode="idle"}[1m])) by (instance) / sum(rate(node_cpu_seconds_total[1m])) by (instance) ) * 100

面板是属于某一个 Dashboard 的,所以我们需要先创建一个 Dashboard,在侧边栏点击 ​​+​​​ 切换到 ​​Dashboard​​ 下面开始创建 Dashboard:

Grafana Panel 面板介绍和Time series(时间序列)_时间序列_02

在默认创建的新的 Dashboard 中就有一个空的面板,点击 ​​Add an empty panel​​ 即可开始添加面板: 创建panel 

Grafana Panel 面板介绍和Time series(时间序列)_Prometheus_03

Grafana Panel 面板介绍和Time series(时间序列)_数据源_04

最右边是关于panel的配置

Grafana Panel 面板介绍和Time series(时间序列)_鼠标移动_05

Grafana Panel 面板介绍和Time series(时间序列)_时间序列_06

在左侧的话分了上下两块,上面其实就是一个图形的展示 

Panel options 


Grafana Panel 面板介绍和Time series(时间序列)_数据源_07

背景是否透明,整体的配置如下

Grafana Panel 面板介绍和Time series(时间序列)_时间序列_08

Tooltip mode


Tooltip mode也即是鼠标移动到图形上面展示所有的指标,还是展示鼠标位置的指标。

Grafana Panel 面板介绍和Time series(时间序列)_数据源_09

 Legend


Legend mode  也就是标志的模式

Grafana Panel 面板介绍和Time series(时间序列)_Prometheus_10

Legend placement  默认是在底部,可以调整到右上角

Grafana Panel 面板介绍和Time series(时间序列)_鼠标移动_11

 Legend 格式其实就是格式化展示显示在图形上的东西,我们这里只需要instance的值

Grafana Panel 面板介绍和Time series(时间序列)_数据源_12

Grafana Panel 面板介绍和Time series(时间序列)_时间序列_13

这里值也可以去选,选择最大值和最小值

Grafana Panel 面板介绍和Time series(时间序列)_Prometheus_14

可以选择不同的表格

Grafana Panel 面板介绍和Time series(时间序列)_Prometheus_15

Grafana Panel 面板介绍和Time series(时间序列)_数据源_16

Grafana Panel 面板介绍和Time series(时间序列)_Prometheus_17

Graph styles 


关于图形还可以再去修改样式,Graph styles里面去修改

Grafana Panel 面板介绍和Time series(时间序列)_数据源_18

最后效果如下 

Grafana Panel 面板介绍和Time series(时间序列)_鼠标移动_19

同样的道理来看看内存使用率

Grafana Panel 面板介绍和Time series(时间序列)_鼠标移动_20

这里会展示出很多的标签,在panel里面的Legend只要展示instance即可

Grafana Panel 面板介绍和Time series(时间序列)_Prometheus_21

Grafana Panel 面板介绍和Time series(时间序列)_鼠标移动_22

 最后调整一下大小,调整一下位置即可!

Grafana Panel 面板介绍和Time series(时间序列)_鼠标移动_23

最后别忘记保存了监控面板

Grafana Panel 面板介绍和Time series(时间序列)_Prometheus_24

上面就是创建panel的使用方法,但是我们是将master,nod1,node2这些全部展现在一个面板里面,如果监控的节点比较多都展示在这个地方就不方便了。一个好的方法就是在上面给出下拉框让我们去选择监控哪个节点,这就想要图形参数的一个配置了,这个后面再说。