Plotly下拉菜单初始加载异常：预设仅显2条迹线却显全部4条的修复方案

这个问题我之前也碰到过！核心原因很简单：你定义的4条迹线默认都是visible=True状态，而你的下拉菜单配置只负责切换时修改可见性，并没有设置首次加载时的默认可见状态。所以Plotly首次渲染时会直接显示所有迹线，直到你触发下拉菜单的更新动作。

解决方案：设置迹线的初始可见性 #

最直接的修复方式是给每条迹线设置初始的visible属性，让它和第一个下拉选项的状态保持一致（也就是让trace1、trace2可见，trace3、trace4隐藏）。

修改后的完整代码 #

import pandas as pd
import numpy as np
import plotly.graph_objects as go
import datetime as dt

today = dt.date.today()
time1=pd.date_range((today-dt.timedelta(days=5)), (today+dt.timedelta(days=10)), freq='6H')
time2=pd.date_range((today-dt.timedelta(days=5)), (today+dt.timedelta(days=9)), freq='D')
data1=np.random.randint(low=65,high=85, size=61)
data2=np.random.randint(low=-2,high=2, size=15)
data3=np.random.randint(low=65,high=85, size=61)
data4=np.random.randint(low=-2,high=2, size=15)

# 给迹线设置初始可见性，对应第一个下拉选项的状态
trace1=go.Scatter(x=time1, y=data1 ,mode='lines', line=dict(color='red', width=4), yaxis='y1', visible=True)
trace2=go.Bar(x=time2, y=data2, marker_color='black', opacity=0.6, yaxis='y2', visible=True)
trace3=go.Scatter(x=time1, y=data3,mode='lines', line=dict(color='red', width=4), yaxis='y1', visible=False)
trace4=go.Bar(x=time2, y=data4, marker_color='black', opacity=0.6, yaxis='y2', visible=False)

data=[trace1, trace2, trace3, trace4]
updatemenus=[
    {
        'buttons': [
            {'method': 'update', 'label': 'data1', 'args': [{'visible': [True, True, False, False]},] }, 
            {'method': 'update', 'label':'data2', 'args': [{'visible': [False, False, True, True]},]}
        ], 
        'direction': 'down', 
        'showactive': False,
    }
]
layout = go.Layout(updatemenus=updatemenus, yaxis2=dict(overlaying='y', side='right'))
go.Figure(data=data, layout=layout)

为什么这样有效？ #

通过显式设置每条迹线的visible初始值，我们让图表首次加载时的状态就和第一个下拉选项的预期状态完全匹配。后续切换下拉菜单时，update方法会覆盖这些可见性设置，整个交互流程就完全正常了。

另外，你也可以通过在updatemenus中添加active=0来激活第一个按钮（触发初始更新），但直接设置迹线的初始可见性是更直观且不易出问题的方式。

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