解决Plotly动态折线图修改颜色后滑块切换失效问题

问题原因 #

update_traces()仅会修改初始加载的trace配置，而Plotly动画的每一帧都是独立的trace集合，切换帧时会加载对应帧的原始配置，导致颜色被重置。

有效解决方案 #

方案1：使用color_discrete_map全局指定颜色（推荐） #

在px.line()中直接通过color_discrete_map参数绑定Device_ID对应的颜色，所有动画帧都会继承这个颜色设置，无需后续修改。

修改后的完整代码：

# 修正数据列名（示例数据列是sup(V)，代码中用Supply[V]）
df_F_LOW_mode1.rename(columns={'sup(V)':'Supply[V]'}, inplace=True)

df_F_LOW_mode1['SPEC_MAX'] = 5
fig1 = px.line(df_F_LOW_mode1, 
               x="Temp(deg)", 
               y=['F_low[Hz]','SPEC_MAX'],
               color="Device_ID",
               animation_frame="Supply[V]",
               title="F_LOW",
               markers=True,
               # 指定目标Device_ID对应的颜色，这里用红色#ff0000，替换为你需要的#32a852即可
               color_discrete_map={"NOISE_020": "#ff0000"}
              )
fig1.add_annotation(x=100, y=5,
                    text="SPEC_MAX",
                    showarrow=True,
                    arrowhead=1)
fig1.update_layout(xaxis_title="Temp(deg)", yaxis_title="F_low[Hz]")
# 可单独修改SPEC_MAX的样式（如灰色虚线）
fig1.update_traces(selector=dict(name="SPEC_MAX"), line_color="#cccccc", line_dash="dash")
fig1.show()

方案2：遍历所有动画帧修改trace颜色 #

如果需要更精细的控制（比如仅修改特定y轴系列的颜色），可以遍历fig1.frames中的每一个帧，逐个修改其内部的trace配置：

# 修正数据列名
df_F_LOW_mode1.rename(columns={'sup(V)':'Supply[V]'}, inplace=True)

df_F_LOW_mode1['SPEC_MAX'] = 5
fig1 = px.line(df_F_LOW_mode1, 
               x="Temp(deg)", 
               y=['F_low[Hz]','SPEC_MAX'],
               color="Device_ID",
               animation_frame="Supply[V]",
               title="F_LOW",
               markers=True)
fig1.add_annotation(x=100, y=5,
                    text="SPEC_MAX",
                    showarrow=True,
                    arrowhead=1)
fig1.update_layout(xaxis_title="Temp(deg)", yaxis_title="F_low[Hz]")

# 修改初始帧的目标trace颜色
fig1.update_traces(selector=dict(name="NOISE_020"), line_color="#ff0000", line_width=1)
# 遍历所有动画帧，修改每个帧内的对应trace颜色
for frame in fig1.frames:
    for trace in frame.data:
        if trace.name == "NOISE_020":
            trace.line.color = "#ff0000"
            trace.line.width = 1
# 单独设置SPEC_MAX的样式
fig1.update_traces(selector=dict(name="SPEC_MAX"), line_color="#cccccc", line_dash="dash")
fig1.show()

说明 #

• 示例数据中的列名sup(V)和代码中的Supply[V]不匹配，必须先重命名列，否则动画功能无法正常运行。
• 若你需要的是之前代码中的绿色#32a852，将上述代码中的#ff0000替换即可。
• 方案1简洁高效，适合单一颜色映射场景；方案2适合需要对不同帧或不同trace做差异化设置的场景。

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