Grafana图表优化：如何在同组展示两个关联百分比数值

可实现目标效果的配置方法 #

如果你的目标是让两个百分比呈现嵌套/包含关系（后者是前者的子集），可以按以下步骤操作：

1. 调整查询逻辑（关键） #

原第二个查询是「成功检查中返回0的占比」（相对于成功总量），需要先转换成相对于总检查量的占比，这样才能和第一个指标（检查成功占比）形成包含关系：

• 查询1（检查成功占比）：sum(success_count) / sum(total_count) * 100
• 查询2（成功且返回0的整体占比）：sum(zero_result_count) / sum(total_count) * 100

  若无法直接修改查询，可通过Grafana的Transform功能计算：添加「Calculate field」转换，将原查询2的字段乘以查询1的字段，得到整体占比。

2. 配置堆叠面积图 #

• 切换到可视化面板的Area类型
• 在「显示」设置中开启Stacking，选择「Normalize」模式（适合展示相对占比）
• 可选：添加一个计算字段，用查询1的数值减去查询2的数值，得到「成功但返回非0的占比」，将这两个字段堆叠，总和即为检查成功占比，直观体现子集关系。

若无法实现目标效果的最优替代方案 #

如果因数据结构限制无法调整查询或堆叠，推荐以下几种方案：

1. 双折线+区域填充 #

保持两个原查询的折线展示，给「成功检查中返回0的占比」折线添加下方填充，使用与主折线区分的浅色调，图例明确标注两个指标的定义（如检查成功占比（整体）、成功检查中返回0占比（仅针对成功样本）），清晰体现后者的从属关系。

2. 同步时间轴的双面板布局 #

用Grafana的Row布局，将两个指标分别放在上下相邻的折线图面板中，开启面板间的时间轴同步，既能清晰对比趋势，又避免单图中两个百分比的混淆。

3. 表格面板+条件格式 #

针对数据行数多的场景，用表格面板展示所有行的两个百分比数值，给第二列设置缩进或颜色标记，突出它是前者的子集，方便精确查看每一行的具体数据。

内容的提问来源于stack exchange，提问作者Павел