如何实现Plotly多下拉菜单联动的交互式更新？

直接用Plotly的updatemenus配置两个独立下拉，分别管控High、Low轨迹的显示/隐藏，同时让标题自动同步当前选择状态，完全不用搞那种把所有组合都列出来的单下拉（毕竟你实际场景里选项组合太多，根本没法弄）。

下面是可直接运行的示例代码：

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

# 模拟Yahoo股价数据
dates = pd.date_range(start='2020-01-01', periods=100)
high_vals = np.random.randn(100).cumsum() + 150
low_vals = high_vals - np.random.rand(100)*10

# 生成High和Low两条曲线
high_line = go.Scatter(x=dates, y=high_vals, name='High')
low_line = go.Scatter(x=dates, y=low_vals, name='Low')

fig = go.Figure(data=[high_line, low_line])

# 第一个下拉：控制High曲线显示/隐藏
high_dropdown = dict(
    type="dropdown",
    label="High Visible",
    buttons=[
        dict(
            label="Yes",
            method="restyle",
            args=[
                {"visible": [True, None]},  # 只改High的状态，Low保持原样
                {"title": f"Yahoo, High: Yes, Low: {'Yes' if fig.data[1].visible else 'No'}"}
            ]
        ),
        dict(
            label="No",
            method="restyle",
            args=[
                {"visible": [False, None]},
                {"title": f"Yahoo, High: No, Low: {'Yes' if fig.data[1].visible else 'No'}"}
            ]
        )
    ],
    x=0.05,  # 下拉菜单的位置
    y=1.15
)

# 第二个下拉：控制Low曲线显示/隐藏
low_dropdown = dict(
    type="dropdown",
    label="Low Visible",
    buttons=[
        dict(
            label="Yes",
            method="restyle",
            args=[
                {"visible": [None, True]},  # 只改Low的状态，High保持原样
                {"title": f"Yahoo, High: {'Yes' if fig.data[0].visible else 'No'}, Low: Yes"}
            ]
        ),
        dict(
            label="No",
            method="restyle",
            args=[
                {"visible": [None, False]},
                {"title": f"Yahoo, High: {'Yes' if fig.data[0].visible else 'No'}, Low: No"}
            ]
        )
    ],
    x=0.35,
    y=1.15
)

# 把两个下拉加到图表布局里
fig.update_layout(
    updatemenus=[high_dropdown, low_dropdown],
    title="Yahoo, High: Yes, Low: Yes",
    title_x=0.5  # 标题居中
)

fig.show()

关键说明： #

• 每个下拉的按钮通过restyle方法修改对应曲线的visible属性，用None保留另一条曲线的当前状态，避免互相干扰。
• 标题会实时读取当前曲线的可见性生成，下拉选择后自动更新，无需手动枚举所有组合。
• 针对你实际场景中的三个滑块，只需参照这个逻辑：给每个滑块单独配置sliders项，各自控制对应维度的属性，完全不用生成成千上万的组合选项，大幅降低配置复杂度。

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