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

Question

有一个简单的 flask 应用程序可以将统计数据-table 从数据库写入页面。如何在此页面上绘制 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()

Answer 1

我认为调用 fig.show() 有点复杂，快速查看 ploty 库，我找到了这个数据包 import dash_html_components as html 有了这个你可以 return html 将图表放入网站，

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)])