使用Dash制作交互式条形图，其中包含2列和日期列作为下拉列表？

import dash
import dash_core_components as dcc
import dash_html_components as html
from dash.dependencies import Input, Output

app = dash.Dash(__name__)

app.layout = html.Div([
    html.Label('选择列1'),
    dcc.Dropdown(
        id='dropdown-col1',
        options=[
            {'label': '列1名称1', 'value': 'col1_value1'},
            {'label': '列1名称2', 'value': 'col1_value2'},
            # 添加更多选项...
        ],
        value='col1_value1'  # 默认选中的值
    ),
    
    html.Label('选择列2'),
    dcc.Dropdown(
        id='dropdown-col2',
        options=[
            {'label': '列2名称1', 'value': 'col2_value1'},
            {'label': '列2名称2', 'value': 'col2_value2'},
            # 添加更多选项...
        ],
        value='col2_value1'  # 默认选中的值
    ),
    
    dcc.Graph(id='bar-chart')
])

@app.callback(
    Output('bar-chart', 'figure'),
    [Input('dropdown-col1', 'value'),
     Input('dropdown-col2', 'value')]
)
def update_bar_chart(col1_value, col2_value):
    # 根据选择的列值，获取相应的数据，并生成条形图
    # 这里可以使用Pandas、NumPy等库进行数据处理和可视化绘制
    
    # 返回生成的条形图
    return {
        'data': [
            {'x': [1, 2, 3], 'y': [4, 1, 2], 'type': 'bar', 'name': '列1'},
            {'x': [1, 2, 3], 'y': [2, 4, 5], 'type': 'bar', 'name': '列2'},
        ],
        'layout': {
            'title': '交互式条形图',
            'xaxis': {'title': 'X轴'},
            'yaxis': {'title': 'Y轴'}
        }
    }

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