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'] <p>⚠️ 注意事项：</p>
- 避免混合使用 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”将严格实现完全隐藏对应数据点，交互行为符合预期，且代码更简洁、可维护性更高。
