我一直在尝试构建一个应用程序Dash https://plot.ly/products/dash/最近,尽管浏览了许多指南,我还是无法弄清楚如何将 pandas 数据框导入到 Dash 的数据表中(本质上是一个 pandas 数据框,除了网络托管和反应式之外)。
大多数示例说明了如何手动选择从示例中已硬编码的数据帧中获取的某些列/行,例如here https://dash.plot.ly/datatable。然而,在我的情况下,数据帧是在我的代码中构建的(pandas 是做到这一点的最简单方法),所以我最终不得不找出一种方法来转换pd.Dataframe()
into a dash_table.DataTable()
.
我怎样才能做到这一点?使用参考资料,我尝试了以下代码将我的数据帧的字典发送到dash_table.DataTable()
,但没有任何显示。
My code:
## Imports
import dash
import dash_core_components as dcc
import dash_html_components as html
import dash_table
from dash.dependencies import Input, Output, State
import datetime as dt
import pandas as pd
import numpy as np
## Custom functions that creates the pandas dataframe
from twitter_functions import old_tweets
app = dash.Dash(dev_tools_hot_reload=True)
app.scripts.config.serve_locally = True
app.config['suppress_callback_exceptions'] = True
app.layout = html.Div(children=[
html.H3('Twitter App'),
dcc.Input('ScreenName_Input', type='text'),
html.Button(id='screenNames_submit_button', children='Submit'),
dash_table.DataTable(id='tweet_table')
])
@app.callback(
Output(component_id='tweet_table', component_property='data'),
[Input(component_id='screenNames_submit_button', component_property='n_clicks_timestamp')],
[State(component_id='ScreenName_Input', component_property='value')]
)
def display_tweets(submit_button, screen_names):
tweets = old_tweets(screen_names)
return tweets.to_dict(orient='records')
if __name__ == '__main__':
app.run_server(debug=True)