Plotly Dash双下拉框切换双DataFrame柱状图问题求助

问题核心 #

你之前的代码应该是硬绑定了GESCHLECHT_VP1列的统计逻辑，没有根据第一个下拉框的选择动态切换分组维度，导致无法切换到B/R选项维度。下面是完整的实现代码和关键说明：

关键修改点 #

• 第一个下拉框的选项值直接对应DataFrame的列名，显示名称用友好的中文描述
• 回调函数中根据选中的维度列名，动态执行分组统计
• 统一处理数量和百分比的计算逻辑，适配不同维度
• 动态更新图表的标题、y轴标签，保证交互一致性

完整实现代码 #

import dash
from dash import dcc, html, Input, Output, callback
import plotly.express as px
import pandas as pd

# 模拟你的DataFrame，实际替换成你的业务数据
df = pd.DataFrame({
    'GESCHLECHT_VP1': ['M', 'W', 'M', 'M', 'W', 'W', 'M'],
    'B_oder_R': ['B', 'R', 'B', 'R', 'B', 'B', 'R']
})

app = dash.Dash(__name__)

app.layout = html.Div([
    html.H3("维度与统计类型切换"),
    # 第一个下拉框：切换分组维度
    dcc.Dropdown(
        id='dimension-dropdown',
        options=[
            {'label': '性别', 'value': 'GESCHLECHT_VP1'},
            {'label': 'B/R选项', 'value': 'B_oder_R'}
        ],
        value='GESCHLECHT_VP1',  # 默认选中性别维度
        clearable=False
    ),
    # 第二个下拉框：切换统计类型
    dcc.Dropdown(
        id='stat-type-dropdown',
        options=[
            {'label': '数量', 'value': 'count'},
            {'label': '百分比', 'value': 'percent'}
        ],
        value='count',  # 默认显示数量统计
        clearable=False
    ),
    # 用于展示柱状图的容器
    dcc.Graph(id='bar-chart')
])

@callback(
    Output('bar-chart', 'figure'),
    Input('dimension-dropdown', 'value'),
    Input('stat-type-dropdown', 'value')
)
def update_chart(selected_dimension, stat_type):
    # 根据选中维度动态计算统计值
    if stat_type == 'count':
        stats = df[selected_dimension].value_counts().reset_index()
        stats.columns = [selected_dimension, '数量']
        fig = px.bar(stats, x=selected_dimension, y='数量', 
                     title=f'{selected_dimension.replace("_", " ")} 数量统计',
                     labels={selected_dimension: '分类', '数量': '总数'})
    else:
        stats = df[selected_dimension].value_counts(normalize=True).reset_index() * 100
        stats.columns = [selected_dimension, '百分比']
        fig = px.bar(stats, x=selected_dimension, y='百分比', 
                     title=f'{selected_dimension.replace("_", " ")} 百分比统计',
                     labels={selected_dimension: '分类', '百分比': '占比(%)'})
    
    # 统一优化图表布局
    fig.update_layout(xaxis_title='分类', yaxis_title=stat_type)
    return fig

if __name__ == '__main__':
    app.run_server(debug=True)

代码说明 #

1. 维度切换逻辑：selected_dimension直接接收下拉框的列名参数，动态对DataFrame对应列做统计，不管是性别还是B/R选项都能统一处理。
2. 统计类型切换：数量统计用value_counts()，百分比统计用value_counts(normalize=True)*100，重置索引后转成结构化DataFrame用于绘图。
3. 图表适配：根据选中的维度和统计类型，自动修改标题和轴标签，保证用户交互体验一致。

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