Plotly 下拉菜單未正確更新圖表

Question

我正在為我的數據創建下拉菜單這是我的數據

data = {'Time': [2,4,5,6,7], 'Voltage': [20.3, 17.2,15.3,9.4,2], "Current":[2, 5,7,8,9]}  
df = pd.DataFrame(data)

這是繪制下拉菜單的代碼

plot = px.Figure(data=[go.Scatter( 

    name='Voltage', 

    x=df["Time"], 

    y=df["Voltage"]
), 

    go.Scatter( 

    name='Data 2', 

    x=df["Time"], 

    y=df["Current"] 
) 
]) 

plot.update_layout( 

    updatemenus=[ 

        dict( 
            buttons=list([ 

                dict(label="Voltage", 

                     method="update", 

                     args=[{"visible": [True, False]}, 

                           {"title": "Voltage", 

                            }]), 

                dict(label="Current", 

                     method="update", 

                     args=[{"visible": [False, True]}, 

                           {"title": "Data 2", 

                            }]), 

            ]), 

        ) 

    ]) 
plot.show() 

即使我沒有選擇兩個地塊來顯示，它也顯示了兩個地塊如何克服這個問題，謝謝和問候

Answer 1

您需要將visible = False添加到第二個散點圖。 所以應該是：

go.Scatter( 

name='Data 2', 

x=df["Time"], 

y=df["Current"] ,

visible = False) 

Answer 2

您的代碼將兩個散點圖定義為一個圖，因此如果您重寫它以設置兩個圖，則按鈕設置不正確並且可以通過下拉按鈕更改圖。

import plotly.graph_objects as go

fig = go.Figure()
fig.add_trace(go.Scatter(name='Voltage', x=df["Time"], y=df["Voltage"], line_color='blue')) 
fig.add_trace(go.Scatter(name='Data 2', x=df["Time"],  y=df["Current"], line_color='red'))

fig.update_layout( 
    updatemenus=[ 
        dict( 
            buttons=list([ 
                dict(label="Voltage", 
                     method="update", 
                     args=[{"visible": [True, False]}, 
                           {"title": "Voltage", 
                            }]), 
                dict(label="Current", 
                     method="update", 
                     args=[{"visible": [False, True]}, 
                           {"title": "Data 2", 
                            }]), 
            ]), 

        ) 

    ]) 
fig.show()