十年網(wǎng)站開發(fā)經(jīng)驗 + 多家企業(yè)客戶 + 靠譜的建站團隊
量身定制 + 運營維護+專業(yè)推廣+無憂售后,網(wǎng)站問題一站解決
本文將介紹如何在 web 框架 Flask 中使用可視化工具 pyecharts, 看完本教程你將掌握幾種動態(tài)展示可視化數(shù)據(jù)的方法,不會的話你來找我呀...
創(chuàng)新互聯(lián)主營鞏義網(wǎng)站建設的網(wǎng)絡公司,主營網(wǎng)站建設方案,app軟件開發(fā),鞏義h5微信小程序搭建,鞏義網(wǎng)站營銷推廣歡迎鞏義等地區(qū)企業(yè)咨詢Flask 模板渲染
1. 新建一個項目 flask-echarts
在編輯器中選擇 New Project,然后選擇 Flask,創(chuàng)建完之后,Pycharm 會幫我們把啟動腳本和模板文件夾都建好

2. 拷貝 pyecharts 模板
將鏈接中的以下模板 ├── jupyter_lab.html ├── jupyter_notebook.html ├── macro ├── nteract.html ├── simple_chart.html ├── simple_page.html └── table.html 全部拷貝到 tempaltes 文件夾中 github.com/pyecharts/p…
3.渲染圖表
主要目標是將 pyecharts 生成的圖表數(shù)據(jù)在視圖函數(shù)中返回,所以我們直接在 app.py 中修改代碼,如下:
from flask import Flask
from jinja2 import Markup
from pyecharts import options as opts
from pyecharts.charts import Bar
app = Flask(__name__, static_folder="templates")
def bar_base() -> Bar:
c = (
Bar()
.add_xaxis(["襯衫", "羊毛衫", "雪紡衫", "褲子", "高跟鞋", "襪子"])
.add_yaxis("商家A", [5, 20, 36, 10, 75, 90])
.add_yaxis("商家B", [15, 25, 16, 55, 48, 8])
.set_global_opts(title_opts=opts.TitleOpts(title="Bar-基本示例", subtitle="我是副標題"))
)
return c
@app.route("/")
def index():
c = bar_base()
return Markup(c.render_embed())
if __name__ == "__main__":
app.run()