美文网首页
Grafana之Singlestat Panel使用(第八篇)

Grafana之Singlestat Panel使用(第八篇)

作者: tghfly222 | 来源:发表于2020-05-04 00:28 被阅读0次

    Singlestat Panel是grafana的原生插件。Singlestat,从字面理解就是单个状态,显示的是查询的数据在某一时刻的状态值。简单来说就是只展示一个数值(如最大值、最小值、平均值或总和)。Singlestat还可以设置阈值来改变面板背景色。还可以将单个数值(或一个范围段的数值)映射为文本。

    Singlestat只支持返回单个序列的查询,即如果是多值查询,则不能用Singlestat,可以考虑Grafana新出的Stat Panel插件。Singlestat Panel展示效果如下。

    Singlestat Panel具体配置

    ① stat可设置为min(最小)、max(最大)、average(平均)、current(当前)、total(所有非空值的总和)、Name(值对应的名字)、first(第一个值)、delta(累计增量,用于显示时间序列中总计数器增量)、range(最小与量大值之间的差异,主要用于显示变化范围)、diff(最近值current和最初值first之间的差异)等,使用该函数,查询出来的数据会被缩减为单个值显示。

    ② Prefix/Postfix,主要用于在值之前/之后设置自定义标签。$__name变量可用于prefix处,用于显示查询值的名字。

    ③ Unit,单位,用于设置Stat值单位,作用同其他Panel。

    ④ Decimals,精度,即设置Stat值保留小数点后多少位数,遵循四舍五入。

    ⑤ Font Size,字体大小,可以设置Stat值的字体大小,同时也可以设置Prefix/Postfix值字体大小。

    颜色面板

    Singlestat Panel配置着色后,可根据singlestat值动态来变更颜色,即像设置阈值一样,比如CPU使用率,值在50以下时为绿色,50-80为橙色,80以上为红色。

    ① Background,该复选框将配置的阈值和颜色应用于整个Singlestat面板背景,比如值为绿色,则背景也为绿色。

    ② Thresholds,根据Singlestat值,在面板中动态更改背景色和值的颜色。Thresholds字段接受两个用逗号分隔的值(分成三段),这些值表示与下方三种颜色直接对应的三个范围。例如:如果阈值为50,则第一种颜色表示<50,第二种颜色表示50到80之间,第三种颜色表示>80。

    ③ Colors,设置范围段的三种颜色。

    ④ Value,表示stat的值是否需要着色

    ⑤ Invert,表示反转,即将已设置的颜色进行反转。例如:(从左至右)绿色、橙色、红色,在使用Invert后,将变为红色、橙色、绿色。

    Sparklines(迷你图)

    Sparklines(迷你图)是查看与摘要统计相关的历史数据的一种很好的方式,它提供了一个有价值的上下文。迷你图的作用与传统的图表面板不同,不包括x或y轴、坐标、图例或与图表进行交互的能力。

    ① Show,勾选该复选框将切换到Sparklines模式。未选中时,将只显示Singlestat值。

    ② Full height(全高),勾选时迷你图将占据整个面板的高度(迷你图可能会覆盖Singlestat值,如上图所示),取消勾选时,迷你图总会低于主Singlestat的值,如上图所示。

    ③ 最小Y值,默认为自动。

    ④ 最大Y值,默认为自动。

    ⑤ Line Color,线条颜色。

    ⑥ Fill Color,填充色。

    Value Mappings(值映射),允许将Singlestat的值转换后显式成文本。

    ① 将值(或者是一个范围的值)转换成文本后,该文本仍将遵循该值先前定义的所有样式、阈值等。这有助于将主Singlestat值转换为特定的上下文(易读单词或消息)更加便于理解。

    ② 将Singlestat的值转换成文本具体操作设置,可能映射多种可能出现的状态。

    总结:Singlestat Panel与Stat Panel应该是姊妹,用于将数据展示成Sparklines(迷你图),在视觉上很有特色。

    相关文章

      网友评论

          本文标题:Grafana之Singlestat Panel使用(第八篇)

          本文链接:https://www.haomeiwen.com/subject/scgrghtx.html