python的flask框架显示柱状图_使用Python的Flask框架,结合Highchart,动态渲染图表(Ajax 请求数据接口)...

参考链接:https://www.highcharts.com.cn/docs/ajax

参考链接中的示例代码是使用php写的,这里改用python写。

需要注意的地方:

1.接口返回的数据格式,这个需要根据Ajax请求代码而定,是一个数值,还是一个数组。

2.js中Ajax的写法,请求路径,请求返回的数据格式等。

前一篇文章是服务端直接给html页面传递数据,这篇文章采用Ajax的方式传递数据,推荐使用这种。

大致思路时打开网页,先出现图表框架,然后使用Ajax的方式往服务端请求数据,然后在图表中渲染出来,进而实现动态渲染图表数据

代码结构如下,采用最简单的Flask框架形式:

1.ajax_demo.py

importrandomimporttimefrom flask importFlask, render_template,jsonify

app= Flask(__name__)

@app.route('/')defindex():return render_template('index.html')

@app.route('/get/')defget():

x= int(time.time()) * 1000y= random.randint(0, 100)

b=[x,y]returnjsonify(b)if __name__ == '__main__':

app.run(debug=True)

2..index.html

第一个 Highcharts 图表
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值