geom_line_interactive()工具tooltip显示重复值问题排查

问题核心原因 #

geom_line_interactive和geom_point_interactive的交互逻辑完全不同：

• geom_point_interactive会为每个数据点生成独立的SVG元素，每个点能绑定专属的tooltip数据，因此hover时能显示对应内容。
• geom_line_interactive默认把整条折线作为单个SVG路径元素，只会读取一组固定的tooltip数据（通常是数据框的第一行值），导致所有位置hover都显示相同内容。

代码对比验证 #

有问题的geom_line_interactive代码 #

library(ggiraph)
library(tidyverse)

# 模拟 foreclosure 数据
foreclosure_data <- tibble(
  Year = 2013:2020,
  Notices = c(69840, 58200, 45100, 38900, 32700, 29100, 25600, 22300)
) %>%
  mutate(tooltip = str_glue("Year:{Year}\nPre-Foreclosure Notices Issued:{comma(Notices)}"))

# 所有tooltip都显示2013年数据的折线图
g <- ggplot(foreclosure_data, aes(x = Year, y = Notices)) +
  geom_line_interactive(aes(tooltip = tooltip), size = 1.2) +
  theme_minimal()

ggiraph(code = print(g))

正常的geom_point_interactive代码 #

# 每个点tooltip显示对应年份数据的散点图
g_point <- ggplot(foreclosure_data, aes(x = Year, y = Notices)) +
  geom_point_interactive(aes(tooltip = tooltip), size = 3) +
  theme_minimal()

ggiraph(code = print(g_point))

两种修正方案 #

方案1：叠加交互式点（最简便） #

用普通折线展示趋势，叠加交互式点提供对应tooltip：

g_fixed <- ggplot(foreclosure_data, aes(x = Year, y = Notices)) +
  geom_line(size = 1.2) + # 普通折线呈现趋势
  geom_point_interactive(aes(tooltip = tooltip), size = 3) + # 叠加带tooltip的交互点
  theme_minimal()

ggiraph(code = print(g_fixed))

方案2：用stat_interactive拆分折线元素 #

通过stat_interactive让折线的每个节点/线段都绑定独立数据：

g_stat <- ggplot(foreclosure_data, aes(x = Year, y = Notices)) +
  stat_interactive(
    geom = "line",
    aes(tooltip = tooltip),
    size = 1.2,
    data = foreclosure_data
  ) +
  theme_minimal()

ggiraph(code = print(g_stat))

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