Grafana 图表配置快速入门

Grafana图表配置

文章目录

  • Grafana图表配置
    • panel图表配置
      • 预览区
      • 数据设置区
        • 查询设置区
        • 转换设置区
        • 告警设置区
      • 图表设置区
        • Setting设置
        • Visualization 可视化
        • Display 显示
        • Axes 轴
        • legend 图例
        • Thresholds 阈值
    • 参考

panel图表配置

  • 预览区:用来预览设置的图表。
  • 数据设置区:用来设置数据源、数据指标等。
  • 图表设置区:用来对图表的名称等进行设置。

Grafana 图表配置快速入门_第1张图片

预览区

预览区非常简单,就是针对「数据设置区」和「图表设置区」的设置结果,进行模拟显示,从而让我们可以实时看到效果,方便我们进行配置。
Grafana 图表配置快速入门_第2张图片

数据设置区

数据设置区可以分为三个设置区域,分别是:

  • 查询设置区:设置查询数据的数据源、指标等。
  • 转换设置区:可以对查询出来的数据进行过滤等。
  • 告警设置区:可以对设置的指标设置告警规则。

Grafana 图表配置快速入门_第3张图片

查询设置区

查询设置区可以分为两块,分别是:

  • 数据源设置
  • 数据指标设置

数据源设置
数据源设置用来设置使用哪个数据源。此外,还可以针对选择的数据进行更精细化的设置,例如:Max data points 等设置。
Grafana 图表配置快速入门_第4张图片
数据指标设置
这块用来设置你想显示数据源中的哪个指标、标识填什么、格式是啥。

整体来说有这么几个选项:

  • Metrics 指标名
    表明这个图表是用来展示数据源中的什么数据,是显示变化率,还是数值,这里相当于一个表达式。例如我这里是用来显示 CPU 的变化率的,所以我填入的是:「rate(system_cpu_usage[1m])」,这表示使用 1 分钟的数据变化率来显示 CPU 的变化情况。

  • Legend 图例
    图例可以设置图例的显示数值是什么,例如这里我写了:「{{instance}}-1m」,这表示使用实例名为前缀,后面再加上「-1m」字符串,最终显示为:「localhost:8080-1m」,其中 localhost:8080 为实例名。

  • Min Step 最小步长
    最小步长表示图形里每两个点的最小数据间隔是多少,例如:这里我设置了 200,那表示图形上每隔 200 个单位才会有一个点。观察一下图形可以大致知道 min step 的作用。

Grafana 图表配置快速入门_第5张图片

  • Resolution 精度
    这表示其数据精度是怎样的,是 1 比 1 的精度,还是原有的 1/2,还是 1/3 等等。如果是 1/2 的话,那么就是原本 1 个单位显示一个点,现在 2 个单位合并起来显示成一个点了,那么其精度就变低了。

  • Format 格式
    表示你的数据格式是什么,这里有:Time series、Table、Heap Map 三个选项。Time series 表示是时间序列数据,即随着时间的流动有源源不断的数据。Table 表示是一个表格数据。Heap Map 表示是热力图数据。

我们可以通过左下角的 Query 来增加显示的数据。例如我这里使用了 3 个图例数据来分别显示:1 分钟的 CPU 使用率情况、5 分钟的 CPU 使用率情况、15 分钟的 CPU 使用率情况。

Grafana 图表配置快速入门_第6张图片

设置完成后的图标整体效果如下:

Grafana 图表配置快速入门_第7张图片

转换设置区

转换设置区主要是用来一些更复杂的数据处理,例如:过滤一些数据,做集合操作等。

Grafana 图表配置快速入门_第8张图片
这块使用得相对少一些,这里就不深入讲解,等使用到的时候再深入了解也不迟。

告警设置区

告警设置区用来进行指标告警,这块内容也相对简单,直接看页面就可以弄清楚了。后面文章也有例子讲解,这里不再赘述。

Grafana 图表配置快速入门_第9张图片

图表设置区

这块用来设置图表名称、Y 轴显示样式等图表细节的。主要有下面几个区域:

  • Settings 设置
  • Visualization 可视化

Setting设置

用来设置图表名称和描述。

Grafana 图表配置快速入门_第10张图片

Visualization 可视化

用来设置图表使用什么格式显示,有 图形(Graph)、统计(Stat)、表格(Table)、文本(Text)等。

Grafana 图表配置快速入门_第11张图片

Display 显示

用来设置图表样式相关信息。
Grafana 图表配置快速入门_第12张图片
例如 Bars 表示图形有长条,如下图所示:

Grafana 图表配置快速入门_第13张图片

例如设置 Hover tooltip 的 Mode 为 Single,表示鼠标悬浮到图表时,只显示单条线的悬浮提示,而不是全部线条都显示悬浮提示。

Grafana 图表配置快速入门_第14张图片
Grafana 图表配置快速入门_第15张图片

Axes 轴

用来设置轴的相关信息,例如:X/Y轴的显示单位,X/Y轴的最小最大值等。
Grafana 图表配置快速入门_第16张图片
例如在显示 CPU 使用率时,CPU 使用率的数据是 0-1,但是默认是显示成小数,如下图所示:
Grafana 图表配置快速入门_第17张图片

那如果我希望它能用百分比显示,那么我可以设置 Left Y 的 Unit 参数,将其设置为:percent(0.0-1.0)。

Grafana 图表配置快速入门_第18张图片

设置完之后图表变成了这样:

Grafana 图表配置快速入门_第19张图片

legend 图例

这里用来设置图例信息,例如:图例的显示位置、图例显示最大值、最小值。

Grafana 图表配置快速入门_第20张图片

Thresholds 阈值

用来设置一个阈值,当超过指定的值,会有标记成背景颜色。通常用来针对某个关键数据,当超过某个值进行高亮,方便一目了然查看数据。

Grafana 图表配置快速入门_第21张图片
例如 CPU 使用率的例子,我设置了超过 3% 就高亮成红色(Critical)。

Grafana 图表配置快速入门_第22张图片
最终效果如下图所示:

Grafana 图表配置快速入门_第23张图片

参考

Grafana官网 - Dashboards 模块

Prometheus 快速入门教程(三):Grafana 图表配置快速入门

你可能感兴趣的:(grafana)