Grafana可视化工具-之仪表盘状态图开发

Grafana 可视化工具-之仪表盘单一状态图开发

Singlestat 状态图即指是在任何时候只有一个值,想用来展示单一数据信息的图表,效果图如以下图:


[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-aolNWY0k-1617016435536)(https://www.showdoc.com.cn/server/api/attachment/visitfile/sign/5e8a1b2189fd2ff319300e94b54bc7d8)]

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-EkPFPiXn-1617016435538)(https://www.showdoc.com.cn/server/api/attachment/visitfile/sign/a9793104256522612bda92918bb0faf2)]

如何展示服务器运行的最长时间

对于SingleStat Panel而言,其只能处理一条时间序列,否则页面中会提示“Multiple Series Error”错误信息
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-5VPgkp8F-1617016435541)(https://www.showdoc.com.cn/server/api/attachment/visitfile/sign/85133400bd358d9fff6311accee24978)]

查询服务器运行的秒数,topk是PromQL的函数取排名第一的,time() 函数返回从 1970-01-01 到现在的秒数,构造状态图
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-dzcFVtMH-1617016435542)(https://www.showdoc.com.cn/server/api/attachment/visitfile/sign/4f9aa1014016bc48489e47c9f2e0dbda)]

获取指标数据
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-Is8liCOC-1617016435543)(https://www.showdoc.com.cn/server/api/attachment/visitfile/sign/002cfcf8a5fbd4bd8d638eeca71e4bc5)]


该配置界面中有四个部分的内容,首先是 Value:
Stat:选择读取数据的统计类型
stat可设置为min(最小)、max(最大)、average(平均)、current(当前)、total(所有非空值的总和)、Name(值对应的名字)、first(第一个值)、delta(累计增量,用于显示时间序列中总计数器增量,重置后会重新开始计数)、range(最小与最大值之间的差异,主要用于显示变化范围)、diff(最近值current和最初值first之间的差异)等

  • Prefix:前标
    需手动填入内容
  • Postfix:后标
    需手动填入内容
  • Unit:单位
    某些单位会自动转换,如长度单位毫米,当数值较大时会自动转换为米或千米、时间等
  • Decimals:小数位
    设置显示的小数位
  • Font size:配置字体大小

第二个部分为“Coloring”,主要配置背景色、数值颜色与三个阈值的颜色

  • Background:背景颜色,默认为不勾选
  • Value:数值颜色,默认位不勾选
  • Thresholds:阈值,格式为“50,80”。意义为设置了50与80两个阈值,将数据分为了3个间隔:小于50的、50至80的与80以上的
  • Colors:阈值三个区间的颜色

第三部分为 Spark lines,主要设置以历时数据为背景的曲线图
Sparklines是查看与汇总数据相关的历史数据的一种很好的方式,提供了有价值的上下文。Sparklines的工作方式与传统图形面板不同,不包括x轴或y轴、坐标、图例或与图形交互的能力

  • Show:是否开启该功能,默认为不勾选;
  • Full height:是否开启该功能,默认为不勾选,勾选后,曲线图为全高模式;
  • Line Color:曲线图曲线的颜色;
  • Fill Color:曲线图的填充颜色。

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-Wmb7dQsf-1617016435545)(https://www.showdoc.com.cn/server/api/attachment/visitfile/sign/25a38947dd8085011ea1400efa491e2c)]

如何展示ES运行状态

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-t3ddtoBQ-1617016435546)(https://www.showdoc.com.cn/server/api/attachment/visitfile/sign/5896abfb968eabae41747eb2705a087e)]

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-bUSyPYOM-1617016435547)(https://www.showdoc.com.cn/server/api/attachment/visitfile/sign/3ca0057e1e8afba586bbeb8b59a65e99)]

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

如何添加仪表盘展示

在这里插入图片描述

第四部分为“Gauge”,这部分的内容比较重要,主要添加仪表的展示样式

  • Show:显示(show)复选框将切换是否在面板中显示仪表。未选中时,只会出现Singlestat值
  • Min/Max:设置仪表的起点和终点
  • 阈值标签(Threshold Labels):检查是否要显示阈值标签。在颜色选项中设置阈值
  • 阈值标记(Threshold Markers):如果你想有第二个表显示阈值

在这里插入图片描述

  • 3
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值