Plotly下拉菜单关联Choropleth地图数据不匹配问题排查

你遇到的问题核心是：下拉菜单仅修改了布局（coloraxis、sliders），但没有切换对应的数据帧和初始数据，导致显示的数据和选择的选项不匹配。

修正步骤及代码 #

1. 给动画帧添加专属标识 #

生成每个fig时，给所有动画帧的name加上对应数据列的后缀，方便后续切换时精准匹配。

2. 使用update方法替代relayout #

relayout只能修改布局属性，无法切换数据和帧集合，需要用update来同时更新数据、帧和布局。

3. 完整修正代码 #

import plotly.express as px
import plotly.graph_objects as go

cols = ['Number of Deaths', 'Death Rate Per 100,000']
colors = ["Blues", 'Reds']

# 生成带帧标识的figs
figs = []
for c, color in zip(cols, colors):
    fig = px.choropleth(
        data_frame=Global_Burden_of_Disease_df_country,
        locations='Country Name',
        locationmode='country names',
        color=c,
        title='Choropleth Map Example',
        hover_name="Country Name",
        animation_frame="Year",
        projection="equirectangular",
        color_continuous_scale=color,
    )
    # 给每个帧添加列名后缀，标识所属数据类型
    for frame in fig.frames:
        frame.name = f"{frame.name}_{c}"
    figs.append(fig)

# 初始化主图，默认显示第一个数据列的内容
fig = go.Figure(
    data=figs[0].data,
    frames=figs[0].frames,
    layout={k: v for k, v in figs[0].to_dict()["layout"].items() if k not in ["template", "updatemenus"]}
)

# 配置下拉菜单
fig.update_layout(
    updatemenus=[
        {
            "buttons": [
                {
                    "label": c,
                    "method": "update",
                    "args": [
                        # 更新当前显示的数据
                        col_fig.data,
                        # 更新动画帧集合
                        {"frames": col_fig.frames,
                         # 更新颜色轴配置
                         "coloraxis": col_fig.layout.coloraxis,
                         # 更新滑块配置
                         "sliders": col_fig.layout.sliders}
                    ],
                }
                for c, col_fig in zip(cols, figs)
            ]
        }
    ]
)

fig.show()

关键改动说明 #

• 帧标识：给每个帧的name添加数据列后缀，确保切换时帧集合完全对应所选数据。
• 方法替换：用update替代relayout，实现数据、帧、布局的全量同步切换。
• 完整更新：每个下拉按钮的args包含对应fig的data、frames，以及coloraxis和sliders布局，保证所有元素都匹配所选数据类型。

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