grafana图表制作
【1】表格图案
【1.1】写好查询与分类
注意,一般情况尽可能用瞬态
【1.2】过滤、合并列
(1)先过滤列
(2)然后合并数据,最后重新组织列修改列名之类的
这里的 Merge 也可以换成 outer join
(3)组织列,重命名列名,显示、隐藏列
点列名左边的眼睛就是隐藏,右边就是重命名列,以便在表格上显示
【1.3】表格属性
(1)panel :是整个图表信息
Settings:
Panel title 是图表名称:
description:描述,会在图表左边有一个 i 一样的图表,鼠标放上去就可以看到描述信息
Visualization:图表类型
这个就不用多说了吧,自己试试就好了
display:在表格中图表中,它的意思是,是否显示标题行
(2)field :是作用于整个图表的全局属性
如长度、宽度、阀值、字符大小、单位、映射等等,
overrides :就是覆盖全局图表属性,它可以独立生成对于某列的额外属性,以便自定义脱离全局属性。比如把某个列的单位换成另外一个而不用全局单位
table options
column width:列长度
column alignment:就是列内容的对其方式,比如一般数字默认是右对齐,字符串是默认左对齐;
cell display mode:有一些很有意思的图表内容显示模式可以设置,比如给它加颜色等等
column fiter:列过滤器,其实就是和 Excel 中的筛选有些类似
Standard options:标准全局选项
Unit,值的单位
min:保留空以根据所有值计算(在使用min函数时),加入写0,那么null 在min函数值,它就是以 0 值计算,比如 有值 -1,1,2,3,null ,那么 null 在min 的时候它就是 0,假如只有 1,2,3,null 如果这里填写了 0,那么最终出来的值是 null;
man:保留空以根据所有值计算(在使用max函数时)
Decimals:保留几位小数
Display name:所有列的列名,统一变成它
no Value:当没有值的时候,以什么显示,比如采集数据没猜到任何值(因为有些采集,不是每一刻都可以采集到的数据的)
Color scheme:就是颜色显示,根据下一个标签来,或者其他样式,比如上图就是根据下面的标签 thresholds
thresholds:到某个值显示什么颜色
Value mappings:
这个是全局的,value是值,text是如果出现这个值,就用text里面的文本替换显示;
(3)overrides:覆盖选项,特别针对某列
fieds with name:这个就是根据列名过滤
这个属性 加的就是针对这个列的;
【2】prometheus SQL
(2.1)process_start_time_seconds unix纪元开始时间怎么变成启动时间?
time() - process_start_time_seconds
单位切换成秒,40多W秒,已启动了5天;
(2.2)使用 increase 来算 counter 类型的差值
increase(etcd_mvcc_put_total{job="$job",instance="$instance"}[$__interval s])
【3】仪表盘如何构建文件夹?
然后就有了
如何拖动?
选中文件夹行,脱机按钮在行末,坑死个人
【4】仪表盘中的变量
(4.1)自定义变量
(4.2)时间间隔 $__interval
increase(etcd_mvcc_delete_total{job="$job",instance="$instance"}[$__interval s])
这里我们默认的是 15 秒,我我们这个变量 $__interval 值出来的是整数,本案例单位设置带成了 s(秒)
(4.4)prometheus SQL中应用变量
(1)应用全局变量
increase(etcd_mvcc_delete_total{job="$job",instance="$instance"}[$__interval s])
如下图,这里应用的变量 job="$job",就是我们(4.1)中定义的仪表盘变量
(4.5)如何显示采集器中的分组字段?
比如这个,有这么多le,如何显示出来?
这里 {{ 分组字段 }} ,就是直接显示采集器中的分组字段;
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
· 理解Rust引用及其生命周期标识(上)
· 浏览器原生「磁吸」效果!Anchor Positioning 锚点定位神器解析
· 没有源码,如何修改代码逻辑?
· 全程不用写代码,我用AI程序员写了一个飞机大战
· DeepSeek 开源周回顾「GitHub 热点速览」
· 记一次.NET内存居高不下排查解决与启示
· MongoDB 8.0这个新功能碉堡了,比商业数据库还牛
· .NET10 - 预览版1新功能体验(一)