Embed Plotly Dash into Flask Application
我已经成功创建了我的第一个 Flask 应用程序,并将我的代码划分为一系列蓝图,因为我的代码库会随着时间的推移而大幅增长。我现在正在尝试将一个情节仪表板(或者可能只是一个情节视觉显示)嵌入到我的应用程序中。
目前,我正在使用从网络上获取的玩具示例来进行情节学习。第二个代码块启动破折号,但我的目标是将第二个代码集成到我的主Flask应用程序中。暂时,我希望它成为主应用程序中的一条路线(稍后我会将其解析为蓝图模块),但无法从情节文档中找到说明如何将这些集成在一起的教学示例。
我正在寻找一些代码支持,他们可能能够展示如何将第二个作为路由无缝集成到主应用程序中。
这个链接给了我一些尝试的想法,在 Flask 应用程序中运行 Dash 应用程序,但我对那里提出的一些想法不太成功。
1
2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 |
from flask import Flask, render_template, request, session from flask_session import Session app = Flask(__name__) ### Import and Register Blueprints app.register_blueprint(help) @app.route(‘/’) if __name__ == ‘__main__’: |
情节应用
1
2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 |
import dash import dash_core_components as dcc import dash_html_components as html import plotly.graph_objs as go import pandas as pd df = pd.read_excel("https://github.com/chris1610/pbpython/blob/master/data/salesfunnel.xlsx?raw=True") trace1 = go.Bar(x=pv.index, y=pv[(‘Quantity’, ‘declined’)], name=‘Declined’) app = dash.Dash() app.layout = html.Div(children=[ if __name__ == ‘__main__’: |
更新
我想知道是否有可能按照以下内容进行操作,以便生成视觉显示并将其输出到我创建的 html 文件中。我的想法是我的应用程序现在设置为允许自定义文件输入,然后用户可以读取数据文件并将其传递给图形。
1
2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 |
@server.route(‘/fake’)
def fake(): df = pd.read_excel("https://github.com/chris1610/pbpython/blob/master/data/salesfunnel.xlsx?raw=True") pv = pd.pivot_table(df, index=[‘Name’], columns=["Status"], values=[‘Quantity’], aggfunc=sum, fill_value=0) trace1 = go.Bar(x=pv.index, y=pv[(‘Quantity’, ‘declined’)], name=‘Declined’) trace2 = go.Bar(x=pv.index, y=pv[(‘Quantity’, ‘pending’)], name=‘Pending’) trace3 = go.Bar(x=pv.index, y=pv[(‘Quantity’, ‘presented’)], name=‘Presented’) trace4 = go.Bar(x=pv.index, y=pv[(‘Quantity’, ‘won’)], name=‘Won’) app = dash.Dash() app.layout = html.Div(children=[ html.H1(children=‘Sales Funnel Report’), html.Div(children=”’National Sales Funnel Report.”’), dcc.Graph( id=‘example-graph’, figure={ ‘data’: [trace1, trace2, trace3, trace4], ‘layout’: go.Layout(title=‘Order Status by Customer’, barmode=‘stack’) }) ]) return render_template(‘fake.html’, dashboard = dcc.Graph) |
为了避免混淆
1
2 3 |
…
server = Flask(__name__) … |
现在,要将 Dash 应用程序与 Flask 服务器集成,您只需将
1
2 3 |
…
app = dash.Dash(server=server, url_base_pathname="/app_base_path/") … |
原创文章,作者:ItWorker,如若转载,请注明出处:https://blog.ytso.com/268026.html