存在缺失数据时如何用Plotly填充折线间区域并消除异常伪影

Plotly原生折线逻辑不会主动基于NA值切断跨区间的填充关联：虽然折线在NA位置默认不显示连线，但fill = "tonexty"的填充规则会自动跳过NA点，直接把缺失段前后的首尾点连起来形成闭合填充区，就会出现跨区间异常填充伪影。
注：单独设置connectgaps = FALSE仅能控制折线本身不跨NA连线，无法解决填充区域跨NA闭合的问题。

核心思路是给连续的非缺失数据段分配独立分组标识，让Plotly将不同段识别为互不关联的独立绘制单元，从根源上避免跨段连线和跨段填充。具体实现步骤：

• 预处理原始数据集，识别所有缺失行位置，给每一段连续的非缺失数据分配唯一的组ID，缺失位置组ID设为NA
• 绘图时在所有折线绘制层中加入split = ~组ID的映射，强制Plotly按分组拆分绘制片段，同组内正常连线、填充，不同组之间完全断开

library(plotly)
set.seed(1234)
r = rnorm(200)
ir = cumsum(r)
df = data.frame(low = ir - 2*abs(r), high = ir + 2*abs(r), mid = ir, x = 1:200)
df[90:110,] <- NA

# 为连续非缺失段生成独立分组标识
na_flag <- is.na(df$x)
df$seg_id <- cumsum(c(0, diff(!na_flag)) == 1)
df$seg_id[na_flag] <- NA

plot_ly(data = df) |>
  add_lines(x = ~x, y = ~high, line = list(width = 2), name = "high", split = ~seg_id) |>
  add_lines(x = ~x, y = ~low, fillcolor='rgba(0,100,80,0.2)', fill = "tonexty", line = list(width = 2), name = "low", split = ~seg_id) |>
  add_lines(x = ~x, y = ~mid, line = list(color = "black"), name = "mid", split = ~seg_id)

运行代码后x轴90-110缺失区间的表现完全符合预期：

• high、mid、low三条折线在缺失段前后不会跨区连线，保留自然断档效果
• 半透明区域填充仅在1-89、111-200两个非缺失段的高低线之间正常生成
• 缺失段位置无任何跨区连线、异常填充伪影

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