Grafana柱状图显示3字段问题：展示ticket及优化commit显示

一、普通BarChart展示ticket字段的方法 #

方法1：查询阶段拼接字段 #

直接在PostgreSQL查询里把commit和ticket合并成一个字段，让X轴标签直接包含两者信息：

SELECT 
  concat(commit, ' (', ticket, ')') AS commit_with_ticket,
  (max(endtime) - min(starttime))/1000 AS deploy_time 
FROM public.testmetrics 
WHERE ticket IN ($PR) 
GROUP BY ticket, commit;

之后在BarChart的X轴设置里选择commit_with_ticket作为类别字段，就能直接看到带工单编号的提交信息。

方法2：配置图表标签 #

如果不想修改查询，进入BarChart的Display配置栏，找到Labels选项：

• 开启"Show labels"，然后在"Label content"里选择自定义模式，把ticket字段添加到标签内容中（比如设置为{{ commit }} - {{ ticket }}）
• 或者在"Values"里选择显示ticket字段，调整标签位置到柱子内部或顶部。

二、Bar Gauge的两个问题解决 #

1. commit被识别为日期/时间格式的修复 #

Grafana会自动推断字段类型，若commit哈希被误判为时间，可通过两种方式修正：

• 查询层面强制类型：在SQL里明确将commit转为字符串类型：

  SELECT 
    commit::text AS commit,
    ticket,
    (max(endtime) - min(starttime))/1000 AS deploy_time 
  FROM public.testmetrics 
  WHERE ticket IN ($PR) 
  GROUP BY ticket, commit;
  

• Grafana字段类型转换：在查询结果面板中，点击commit字段旁的类型图标（如日历图标），选择String类型；或进入Transform面板，添加"Convert field type"转换，将commit的类型设为字符串。

2. 让ticket更显眼/移至右侧 #

• 字段拼接整合：用Transform的"Add field from calculation"功能，新增一个字段（比如display_label），计算公式设为${commit} - ${ticket}，然后在Bar Gauge的Field配置里，选择display_label作为标签字段。
• 调整仪表板方向与标签位置：在Bar Gauge的Panel options里，将"Orientation"设为Horizontal（横向），此时标签会默认显示在条形右侧；同时可在Labels配置里增大字体、修改颜色，突出ticket部分。

内容的提问来源于stack exchange，提问作者Frendom