python的flask框架显示柱状图_Flask+Echarts 实现动图图表

本文介绍了如何使用Python的Flask框架与Echarts库配合,展示动态柱状图。通过创建Flask应用,设置路由,引用Echarts的js文件,并在HTML模板中初始化Echarts实例,成功在网页上显示了一个动态的柱状图。当鼠标悬停在柱状图上时,还能看到具体信息。
摘要由CSDN通过智能技术生成

公众号: 大邓带你玩Python

一直很喜欢百度的Echarts,可视化真的很炫酷。虽然有pyecharts库,但我至今没用成功过。Echarts酷炫的功能主要是javascript起作用,想到之前学过Flask框架(Python的Web框架),将Echarts嵌套进Flask的html模板中,看看能否正常运行(只是测试能否在python上跑出来,项目比较Low B,不喜勿喷。

实战

项目文件目录

|-动态直方图

---demo.py

---static //存放echarts.js文件

|--- echarts.min.js

---templates //html模板

|--- my_template.html

demo.py

from flask import Flask,render_template,url_for

#生成Flask实例

app = Flask(__name__)

@app.route('/')

def my_echart():

#在浏览器上渲染my_templaces.html模板

return render_template('my_template.html')

if __name__ == "__main__":

#运行项目

app.run(debug = True)

5分钟上手ECharts

引入Echarts

ECharts 3 开始不再强制使用 AMD 的方式按需引入,代码里也不再内置 AMD 加载器。因此引入方式简单了很多,只需要像普通的 J

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值