参考链接: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 图表