如何在Grafana时序图中隐藏或移除无数据时段的间隔？

以下几个实操方案可以帮你只展示每日9:00-15:00的有数据时段，消除空数据间隔：

方案1：从数据源查询层面过滤时间范围 #

直接在查询语句中限定仅选取每日9-15点的数据，从根源上排除空值时段，不同数据源语法示例：

• Prometheus：在指标后添加时间过滤条件

  your_metric_name and hour(time) >= 9 and hour(time) <= 15
  

• InfluxDB（Flux语法）：用filter函数筛选小时范围

  from(bucket: "your_bucket")
    |> range(start: v.timeRangeStart, stop: v.timeRangeStop)
    |> filter(fn: (r) => r._measurement == "your_measurement")
    |> filter(fn: (r) => r._time.hour >= 9 and r._time.hour <= 15)
  

方案2：用Grafana Transform功能过滤时间字段 #

如果无法修改数据源查询，可通过面板的Transform功能二次过滤数据：

• 打开目标面板的Transform标签页，点击「Add transformation」，选择「Filter by field value」
• 选择时间字段（通常为Time），筛选规则选择「Custom」，输入以下表达式：

  return parseInt(value.getHours()) >=9 && parseInt(value.getHours()) <=15;
  

• 应用转换后，面板将仅保留符合时段要求的数据点，空值间隔会被自动移除。

方案3：结合面板时间范围与重复面板（适用于跨多天展示） #

如果需要连续展示多天的9-15点数据，可通过变量+重复面板实现无缝拼接：

• 创建一个时间范围变量，设置多个固定时段（比如2024-05-20 09:00 to 2024-05-20 15:00、2024-05-21 09:00 to 2024-05-21 15:00等），或者用动态生成的方式批量生成每日时段
• 在面板设置中开启「Repeat options」，选择刚才创建的时间范围变量，设置重复方向为「Horizontal」或「Vertical」
• 每个重复面板对应一个单日的9-15点数据，拼接后不会出现空值间隔。

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