Plotly Python如何为柱状图每个条形展示DataFrame对应条件值

• 现有多份存储用户订单信息的DataFrame，已构造A、B两组示例数据
• 基于plotly.graph_objects编写循环绘图代码，目标是绘制用户数与订单数对应关系的分组柱状图
• 预期交互效果：鼠标悬停至柱形时，展示该订单分组对应的去重国家列表
• 现存bug：向hovertemplate传参时传入了全量订单组的国家列表集合，所有柱形的悬停提示均展示全部国家列表，无法匹配单个柱形对应的专属国家信息

效果参考预期：DataFrame B中订单值为3的分组共4位用户，悬停时仅展示该组对应的唯一国家列表['US', 'UK', 'FR']

循环构造柱状图trace时，未将每个订单分桶对应的专属国家列表绑定到单个柱形的元数据字段，直接引用全局国家集合配置悬停模板，导致所有柱形复用同一份提示内容。

1. 数据预处理阶段，按「数据分组（A/B组）+ 订单数」维度做聚合，每个分组单独计算两个核心指标：分组内去重用户数、分组内去重国家列表
2. 构造单组柱状图trace时，通过customdata参数逐柱传入对应分组的国家列表字符串，禁止传入全局集合变量
3. 配置hovertemplate时，通过%{customdata}占位符引用当前柱形绑定的专属国家数据

参考代码 #

import plotly.graph_objects as go
import pandas as pd

# 数据聚合逻辑，替换为实际A、B组DataFrame即可
def process_group_data(df: pd.DataFrame, group_tag: str) -> pd.DataFrame:
    agg_res = df.groupby('order_count').agg(
        user_count = ('user_id', 'nunique'),
        unique_countries = ('country', lambda x: sorted(x.unique()))
    ).reset_index()
    agg_res['group_tag'] = group_tag
    # 提前将国家列表转为拼接字符串，优化悬停展示效果
    agg_res['country_display'] = agg_res['unique_countries'].apply(lambda x: ', '.join(x))
    return agg_res

# 替换为实际的df_a、df_b
# df_a = pd.DataFrame(...)
# df_b = pd.DataFrame(...)
group_a = process_group_data(df_a, 'A组')
group_b = process_group_data(df_b, 'B组')
all_plot_data = pd.concat([group_a, group_b])

fig = go.Figure()
# 分组循环绘图
for tag in all_plot_data['group_tag'].unique():
    current_data = all_plot_data[all_plot_data['group_tag'] == tag]
    fig.add_trace(go.Bar(
        name=tag,
        x=current_data['order_count'],
        y=current_data['user_count'],
        # 核心：逐柱绑定专属国家展示内容
        customdata=current_data['country_display'],
        # 悬停模板仅引用当前柱绑定的数据
        hovertemplate='订单数: %{x}<br>对应用户数: %{y}<br>覆盖国家: %{customdata}<extra></extra>'
    ))

# 配置分组柱状图模式
fig.update_layout(barmode='group', xaxis_title='订单数', yaxis_title='用户数')
fig.show()

• 每个柱形的悬停内容仅展示自身对应订单分组的去重国家列表，不会出现全量国家列表
• 符合预期场景：悬停B组订单数为3的柱形时，仅展示US, UK, FR

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