Prometheus学习系列（二十九）之可视化-控制台模板

语言模板创建任意的console。这些由Prometheus服务提供。

控制台模板是创建可在源代码管理中轻松管理的模板的最强大方法。 虽然有一个学习曲线，所以对这种监控方式不熟悉的用户应首先尝试Grafana。

一、Getting started

Prometheus附带一套示例，让您学习。 这些可以在运行的Prometheus上的/consoles/index.html.example中找到，如果Prometheus正在使用job="node"标签来抓取节点导出器，则会显示节点导出器控制台。

这个例子控制台包括5部分：

1. 在顶部的导航栏
2. 左边的一个菜单
3. 底部的时间控制
4. 在中心的主内容，通常是图表
5. 右边的表格

导航栏用于指向其他系统的链接，例如其他Prometheis，文档以及其他任何对您有意义的内容。 该菜单用于在同一个Prometheus服务器内导航，这对于能够在另一个选项卡中快速打开控制台以关联信息非常有用。 两者都在console_libraries/menu.lib中配置。

时间控制允许更改图形的持续时间和范围。 控制台URL可以共享，并为其他人显示相同的图表。

主要内容通常是图表。 提供了一个可配置的JavaScript图形库，可以处理来自Prometheus的请求数据，并通过Rickshaw进行渲染。

最后，右侧的表格可用于以比图形更紧凑的形式显示统计数据。

二、例子控制台

这是一个基本的控制台。 它显示了右侧表中的任务数，其中有多少，平均CPU使用率和平均内存使用量。 主要内容具有每秒查询图。

{{template "head" .}}

{{template "prom_right_table_head"}}
<tr>
  <th>MyJob</th>
  <th>{{ template "prom_query_drilldown" (args "sum(up{job='myjob'})") }}
      / {{ template "prom_query_drilldown" (args "count(up{job='myjob'})") }}
  </th>
</tr>
<tr>
  <td>CPU</td>
  <td>{{ template "prom_query_drilldown" (args
      "avg by(job)(rate(process_cpu_seconds_total{job='myjob'}[5m]))"
      "s/s" "humanizeNoSmallPrefix") }}
  </td>
</tr>
<tr>
  <td>Memory</td>
  <td>{{ template "prom_query_drilldown" (args
       "avg by(job)(process_resident_memory_bytes{job='myjob'})"
       "B" "humanize1024") }}
  </td>
</tr>
{{template "prom_right_table_tail"}}


{{template "prom_content_head" .}}
<h1>MyJob</h1>

<h3>Queries</h3>
<div id="queryGraph"></div>
<script>
new PromConsole.Graph({
  node: document.querySelector("#queryGraph"),
  expr: "sum(rate(http_query_count{job='myjob'}[5m]))",
  name: "Queries",
  yAxisFormatter: PromConsole.NumberFormatter.humanizeNoSmallPrefix,
  yHoverFormatter: PromConsole.NumberFormatter.humanizeNoSmallPrefix,
  yUnits: "/s",
  yTitle: "Queries"
})
</script>

{{template "prom_content_tail" .}}

{{template "tail"}}

prom_right_table_head和prom_right_table_tail模板包含右侧表。这是可选的。

prom_query_drilldown是一个模板，它将评估传递给它的表达式，格式化它，并链接到表达式浏览器中的表达式。第一个参数是表达式。第二个参数是要使用的单位。第三个参数是如何格式化输出。只需要第一个参数。

prom_query_drilldown的第三个参数的有效输出格式：

• 未指定：默认转到显示输出。
• humanize：使用指标前缀显示结果。
• humanizeNoSmallPrefix：对于大于1的绝对值，使用度量标准前缀显示结果。对于小于1的绝对值，显示3位有效数字。这对于避免可以通过人性化生成的诸如每秒毫微秒的单位是有用的。
• humanize1024：使用1024而不是1000的基数显示人性化结果。这通常与B一起用作生成KiB和MiB等单位的第二个参数。
• printf.3g：显示3位有效数字。

可以定义自定义格式。有关示例，请参阅prom.lib。

三、图库

图库被调用为：

<div id="queryGraph"></div>
<script>
new PromConsole.Graph({
  node: document.querySelector("#queryGraph"),
  expr: "sum(rate(http_query_count{job='myjob'}[5m]))"
})
</script>

head模板加载所需的Javascript和CSS。

图库的参数：

名字	描述
expr	必选. 表达式到图表。 可以是一个清单。
node	必选. 要渲染的DOM节点。
duration	可选. 图表的持续时间。 默认为1小时。
endTime	可选. 图表结束时的Unixtime。 默认为现在。
width	可选. 图表的宽度，不包括标题。 默认为自动检测。
height	可选. 图表的高度，不包括标题和图例。 默认为200像素。
min	可选. 最小x轴值。 默认为最低数据值。
max	可选. 最小y轴值。 默认为最高数据值。
renderer	可选. 图表类型。 选项line和area（堆叠图）。 默认为行。
name	可选. 图例和悬停细节中的图表标题。 如果传递了一个字符串，[[label]]将被替换为标签值。 如果传递了一个函数，它将传递一个标签映射，并应该将该名称作为字符串返回。 可以是一个清单。
xTitle	可选. x轴的标题。 默认为Time。
yUnits	可选. y轴的单位。 默认为空。
yTitle	可选. y轴的标题。 默认为空。
yAxisFormatter	可选. y轴的数字格式化程序。 默认为PromConsole.NumberFormatter.humanize。
yHoverFormatter	可选. 悬停细节的数字格式化程序。 默认为PromConsole.NumberFormatter.humanizeExact。
colorScheme	可选. 图表使用的配色方案。 可以是十六进制颜色代码列表，也可以是人力车支持的颜色方案名称之一。 默认为colorwheel。

如果expr和name都是列表，则它们的长度必须相同。 该名称将应用于相应表达式的图。

yAxisFormatter和yHoverFormatter的有效选项：

• PromConsole.NumberFormatter.humanize：使用度量标准前缀的格式。
• PromConsole.NumberFormatter.humanizeNoSmallPrefix：对于大于1的绝对值，使用度量标准前缀进行格式化。 对于小于1的绝对值，请使用3位有效数字格式。 这对于避免PromConsole.NumberFormatter.humanize可以生成的每秒毫秒数等单位很有用。
• PromConsole.NumberFormatter.humanize1024：使用1024而不是1000的基数格式化人性化结果。

四、链接：

Prometheus官网地址：https://prometheus.io/
我的Github：https://github.com/Alrights/prometheus

标签：可选,job,prom,默认,PromConsole,Prometheus,可视化,template,控制台
来源： https://blog.csdn.net/Coffin_monkey/article/details/92098885