如何在含NULL值的DataFrame中显示完整时间范围的Plotly图表？

核心问题与思路 #

Plotly默认会自动忽略NA值，把前后有数值的点直接连起来，导致时间轴出现跳步。要显示空白间隙，关键是两个点：

• 保证时间序列是连续完整的——每个该有的时间戳都要有对应的行，无数据的位置用NA（别用NULL，data.frame里NULL会被处理成无效值）
• 在绘图时关掉Plotly的自动补全连接功能

具体操作步骤 #

1. 先把数据补成完整时间序列（如果还没做） #

如果你的原始数据只有有数值的时间点，先生成覆盖全部时间范围的连续时间轴，再合并原始数据，无数据的位置自动填NA：

# 假设你的时间列是timestamp，格式是POSIXct
full_time_range <- seq(min(filtered_data$timestamp), max(filtered_data$timestamp), by = "hour")
full_data <- data.frame(timestamp = full_time_range)
# 合并原始数据，没匹配到的数值列自动设为NA
full_data <- merge(full_data, filtered_data, by = "timestamp", all.x = TRUE)

2. 绘图时设置connectgaps = FALSE #

在Plotly的trace里加上这个参数，就能让NA所在的位置断开线条，显示空白：

library(plotly)

plot_ly(full_data, x = ~timestamp, y = ~value, type = "scatter", mode = "lines+markers") %>%
  layout(xaxis = list(title = "时间戳"), yaxis = list(title = "数值")) %>%
  style(connectgaps = FALSE)  # 重点：关闭自动连接NA点的功能

额外说明 #

• 如果你的filtered_data已经是完整时间轴（每个时间戳都有行，无数据的是NA），直接用上面的绘图代码就行，不用预处理。
• 之前用其他数值替换NA的方案确实不优雅，会引入虚假数据，而用connectgaps=FALSE+NA的方式是Plotly官方支持的标准做法，完全符合你要的空白间隙效果。

测试用例（模拟你的数据） #

比如你的数据是这样的：

filtered_data <- structure(list(timestamp = structure(c(1696128000, 1696131600, 
1696135200, 1696142400), class = c("POSIXct", "POSIXt"), tzone = "UTC"), 
    value = c(12, NA, 15, 18)), row.names = c(NA, -4L), class = "data.frame")

用上面的代码绘图后，中间NA的时间点就会显示空白，不会直接从00:03跳到00:07。

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