Grafana中如何根据$status变量值动态修改面板背景颜色？

完全可行，值映射本身是用来转换数据显示文本的，确实没法直接修改面板背景，你可以用以下两种方法实现需求：

方法一：用Grafana内置背景表达式（Grafana 8+适用） #

• 打开目标面板的编辑界面，点击右侧的面板配置齿轮图标
• 切换到「背景」选项卡，找到「背景颜色」设置，点击旁边的fx表达式按钮
• 输入条件判断表达式：

  if($status == "unhealthy", "rgba(255, 77, 77, 0.2)", "rgba(255,255,255,0)")
  

  这里的浅红色（rgba值）可以根据需求调整，透明值rgba(255,255,255,0)对应默认面板背景
• 保存面板后，切换$status变量为unhealthy就能看到背景变色效果

方法二：用自定义CSS样式（全版本适用） #

• 进入面板编辑界面，点击右侧「选项」选项卡，找到「代码」区域的「CSS」输入框
• 粘贴以下代码：

  .panel-container {
    background-color: {{ if eq $status "unhealthy" }}rgba(255, 77, 77, 0.2){{ else }}transparent{{ end }};
  }
  

• 同样可以修改rgba值调整背景颜色，保存后测试变量切换即可

注意事项 #

• 确保$status变量的取值和表达式里的字符串完全一致（大小写敏感，比如不要写成"Unhealthy"）
• 旧版本Grafana可能不支持内置背景表达式，优先用CSS方法

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