当前位置: 首页 > article >正文

Grafana-Gauge仪表盘

仪表盘是一种单值可视化。

可让您快速直观地查看某个值落在定义的或计算出的最小和最大范围内的位置。

通过重复选项,您可以显示多个仪表盘,每个对应不同的序列、列或行。

支持的数据格式 

单值

数据集中只有一个值,会生成一个显示数值的空仪表盘

因为仪表盘可视化会自动根据数据集中的最小和最大值定义上限和下限范围。

数据集只有一个值,因此它被同时设置为最小值和最大值。

单行多值

数据集包含多个值时,可视化会显示多个仪表盘,并自动定义最小值和最大值。

此示例中,最小值和最大值分别为 3 和 10。

由于定义了最小值和最大值,每个仪表盘都会着色,以显示该值相对于最小值和最大值的位置。

 多行多值

默认情况下只显示最后一行数据,取到最小跟最大值。对最后一行进行相应占比的 显示

配置选项

值选项

使用以下选项优化显示值的方式

1、show 显示

  • Calculate计算:基于所有行显示计算出的值
  • All Values所有值:为每一行显示一个单独的值

2、Calculation 计算

  • 若 show = calculation ,设定归约函数

3、Limit 限制:

  • 若 show = All Values ,输入最大显示行数。

4、Fields 字段

  • 选择在面板中显示的字段

仪表盘选项

1、Orientation 方向:选择堆叠方向

  • Auto 自动:按行和列显示
  • Horizontal 水平:从上到下
  • Vertical 垂直:从左到右

2、Show threshold labels 是否显示阈值

3、Show threshold markers 是否在内部显示阈值带

4、Gauge size 仪表盘尺寸(仅在 Orientation ≠ Auto时适用)

5、Max/Min 宽度高度(宽度适用于水平,高度适用于垂直)

6、Neutral 中性值:设置每个仪表盘开始填充的起始值

示例:

1、设置 阈值色带 对应颜色

  • 默认的基础色是绿色

我们可能想按照自己的想法去设定饼图阈值对应的颜色

  • 0-50 :红色
  • 50-80:黄色
  • 80-100:绿色

若是单行多值,可能会将最小值和最大值的Guage图表同时显示出来

① Value Options中

  • Show中——>选为“ Calculate ”
    • 选择Calculate 中的——“ Last * ”(显示不为空的最后一个数值)
    • Fields 选为 SQL 查询出的字段

② Thresholds 中

  • 将原来的基础色(绿色)覆盖掉

最终效果

http://www.lryc.cn/news/2391644.html

相关文章:

  • 按照状态实现自定义排序的方法
  • 游戏引擎学习第313天:回到 Z 层级的工作
  • 论文阅读:arxiv 2024 SmoothLLM: Defending LLMs Against Jailbreaking Attacks
  • Milvus部署架构选择和Docker部署实战指南
  • 高效合并 Excel 表格实用工具
  • 【前端】Vue3 中实现两个组件的动态切换保活
  • 拉取gitlab项目
  • 树莓派(Raspberry Pi)安装Docker教程
  • 计算机视觉---YOLOv4
  • 在雄性小鼠自发脑网络中定位记忆巩固的因果中枢
  • 刷机维修进阶教程-----没有开启usb调试 如何在锁定机型的拨号界面特殊手段来开启ADB
  • Selenium 测试框架 - Kotlin
  • docker运行centos提示Operation not permitted
  • 010501上传下载_反弹shell-渗透命令-基础入门-网络安全
  • Flask集成Selenium实现网页截图
  • 机顶盒CM311-5s纯手机免拆刷机,全网通,当贝桌面
  • 知识图谱:AI时代语义认知的底层重构逻辑
  • centos7安装MySQL(保姆级教学)
  • 2025.5.23 【ZR NOI模拟赛 T3】高速公路 题解(容斥,高维前缀和,性质)
  • QGIS新手教程2:线图层与多边形图层基础操作指南(点线互转、中心点提取与WKT导出)
  • nova14 ultra,是如何防住80°C热水和10000KPa水压冲击的?
  • Spring Boot项目中实现单点登录(SSO)完整指南
  • Windows环境下Redis的安装使用与报错解决
  • 鸿蒙完整项目-仿盒马App(一)首页静态页面
  • 大模型(4)——Agent(基于大型语言模型的智能代理)
  • 39-居住证管理系统(小程序)
  • WPF【11_4】WPF实战-重构与美化(MVVM 架构)
  • 计算逆时针夹角(有向角度)——CAD c# 实现两条线(向量)的逆时针夹角
  • 鸿蒙OSUniApp 开发带有通知提示的功能组件#三方框架 #Uniapp
  • 前端EXCEL插件智表ZCELL数据源功能详解