Python使用Flask在界面展示Plotly图表

最新推荐文章于 2022-06-28 17:59:14 发布

蚂蚁学Python

最新推荐文章于 2022-06-28 17:59:14 发布

阅读量947

点赞数 1

分类专栏： flask 文章标签： macos pycharm ide

本文链接：https://blog.csdn.net/peishuai1987/article/details/123283424

版权

flask 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

来自：

https://towardsdatascience.com/web-visualization-with-plotly-and-flask-3660abf9c946

from flask import Flask, render_template
import pandas as pd
import json
import plotly
import plotly.express as px
app = Flask(__name__)
@app.route('/')
def notdash():
   df = pd.DataFrame({
      'Fruit': ['Apples', 'Oranges', 'Bananas', 'Apples', 'Oranges', 
      'Bananas'],
      'Amount': [4, 1, 2, 2, 4, 5],
      'City': ['SF', 'SF', 'SF', 'Montreal', 'Montreal', 'Montreal']
   })
   fig = px.bar(df, x='Fruit', y='Amount', color='City', 
      barmode='group')
   graphJSON = json.dumps(fig, cls=plotly.utils.PlotlyJSONEncoder)
   return render_template('notdash.html', graphJSON=graphJSON)


<!doctype html>
<html>
 <body>
  <h1>Hello Plotly (but not Dash)</h1>
  <div id='chart' class='chart'”></div>
</body>
<script src='https://cdn.plot.ly/plotly-latest.min.js'></script>
<script type='text/javascript'>
  var graphs = {{graphJSON | safe}};
  Plotly.plot('chart',graphs,{});
</script>
</html>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

蚂蚁学Python

关注关注

1
点赞
踩
3

收藏

觉得还不错? 一键收藏
打赏
0
评论
Python使用Flask在界面展示Plotly图表

来自：https://towardsdatascience.com/web-visualization-with-plotly-and-flask-3660abf9c946from flask import Flask, render_templateimport pandas as pdimport jsonimport plotlyimport plotly.express as pxapp = Flask(__name__)@app.route('/')def notdash():
复制链接

扫一扫