Plotly 图例点击时，部分数据系列（如“Anomalous”）仅变灰而不消失，根本原因是重复添加了同一类数据的多个 trace，导致图例项与底层 trace 绑定错乱；移除冗余 add_trace 即可恢复标准交互行为。
plotly 图例点击时，部分数据系列（如“anomalous”）仅变灰而不消失，根本原因是重复添加了同一类数据的多个 trace，导致图例项与底层 trace 绑定错乱；移除冗余 `add_trace` 即可恢复标准交互行为。
在使用 Plotly Express（如 px.scatter）绘制分组散点图时，若通过 color 参数指定分类变量（如 'Type'），Plotly 会自动按类别拆分为独立 trace 并生成对应图例项，每个 trace 具备完整的交互逻辑（包括点击图例时的显示/隐藏）。但原代码中额外调用 fig.add_trace(px.scatter(...)) 手动添加了一条仅含异常点的红色 trace，这导致：
- 图例中出现两个“Anomalous”项（一个来自 px.scatter(df, color='Type')，另一个隐式来自手动添加的 trace）；
- 实际渲染时，手动 trace 与自动 trace 的图例绑定混乱，点击图例触发的是“灰化”而非“隐藏”，因为 Plotly 无法统一管理重复类别的交互状态。
✅ 正确做法是完全依赖 px.scatter 的 color 参数完成分组，无需手动叠加 trace。以下是优化后的完整代码：
import plotly.express as px
# 构建分类标签
df['Type'] = 'Normal'
df.loc[df['IFAnomaly'] < 0, 'Type'] = 'Anomalous'
# 单次调用 px.scatter，由 color 参数自动处理分组
fig = px.scatter(
df,
x='Raw Data Size',
y='IFScores',
hover_data={
'Number of Rows': True,
'IFScores': True,
'Total Size': True,
'Adjusted Size': False
},
color='Type',
color_discrete_map={'Normal': 'green', 'Anomalous': 'red'},
size='Adjusted Size',
title='Normal vs. Anomalous data points'
)
# 统一配置布局与样式
fig.update_layout(
xaxis_title='Raw Data Size',
yaxis_title='Isolation Forest Scores',
legend=dict(traceorder='reversed')
)
fig.update_traces(marker=dict(sizemin=3))
fig.show()⚠️ 注意事项：
- 避免混合使用 px.* 和 go.* / add_trace 处理同一语义类别：Plotly Express 是高级封装，其 color 逻辑已内置 trace 分离与图例映射；手动干预会破坏这一机制。
- 若需自定义某类别的样式（如边框、透明度），应通过 update_traces(selector=dict(name='Anomalous')) 等方式统一修改，而非新增 trace。
- 图例点击行为默认为“toggle visibility”，若仍出现灰化现象，请检查是否启用了 layout.legend.itemsizing='constant' 或存在 opacity 覆盖；可通过 fig.update_traces(opacity=1) 显式重置。
修复后，点击图例中的“Normal”或“Anomalous”将严格实现完全隐藏对应数据点，交互行为符合预期，且代码更简洁、可维护性更高。
