如何将 plotly.express 图表集成到烧瓶应用程序？

【问题标题】：How to integrate plotly.express chart to flask app?如何将 plotly.express 图表集成到烧瓶应用程序？
【发布时间】：2020-08-27 12:29:06
【问题描述】：

有一个简单的烧瓶应用程序，它将统计数据表从数据库写入页面。如何在此页面上绘制 plotly.express 图表？我想集成到烧瓶应用程序的图表代码：（取自https://plotly.com/python/time-series/）

# Using plotly.express
import plotly.express as px
import pandas as pd

df = pd.read_csv('https://raw.githubusercontent.com/plotly/datasets/...')

fig = px.line(df, x='Date', y='AAPL.High')
fig.show()

【问题讨论】：

标签： web flask plotly-python

【解决方案1】：

我认为调用 fig.show() 会稍微复杂一点，快速查看 ploty lib 我发现了这个数据包 import dash_html_components as html 有了这个，你可以返回一个带有图表的 html 以放入 web网站，

from flask import Flask
app = Flask(__name__)
import dash_core_components as dcc
import dash_html_components as html
import plotly.express as px
import pandas as pd

@app.route('/chart')
def chart():
    df = pd.read_csv('https://raw.githubusercontent.com/plotly/datasets/...')
    fig = px.line(df, x='Date', y='AAPL.High')
    return  html.Div([dcc.Graph(figure=fig)])

【讨论】：