在dash中将表格显示为图，并添加滚动条

import dash
import dash_core_components as dcc
import dash_html_components as html
import pandas as pd

# 创建Dash应用程序
app = dash.Dash(__name__)

# 创建表格数据
data = {'Name': ['John', 'Jane', 'Mike', 'Emily', 'Tom'],
        'Age': [25, 30, 35, 28, 32],
        'City': ['New York', 'Paris', 'London', 'Berlin', 'Tokyo']}
df = pd.DataFrame(data)

# 创建图表数据
fig = {
    'data': [
        {'x': df['Name'], 'y': df['Age'], 'type': 'bar', 'name': 'Age'},
        {'x': df['Name'], 'y': df['City'], 'type': 'bar', 'name': 'City'}
    ],
    'layout': {
        'title': 'Table to Graph',
        'barmode': 'group'
    }
}

# 创建布局
app.layout = html.Div(children=[
    html.H1(children='Table to Graph'),
    html.Div(children=[
        dcc.Graph(
            id='graph',
            figure=fig
        )
    ], style={'height': '300px', 'overflowY': 'scroll'}),
])

# 运行应用程序
if __name__ == '__main__':
    app.run_server(debug=True)