近期在做一个数据展示页面,总结一些过程;
1、web用的是django
2、初试的图表使用的是mirror chart(折线图 line 和柱状图 bar)
遇到的问题,需要根据数据库中的数据记录实时更新mirror chart的data数据;
看了下需要在jQuery中使用ajax进行API调用;
于是换做使用百度的echart;
最终的流程分析;
1、web页通过添加数据至mysql数据库
2、数据库数据更新
3、图表展示页面刷新请求
4、django后台数据处理,读取数据库数据
5、渲染前端页面;
HTML代码:
info.xxx & info.yyy 为后台python 处理完成的列表,最终构成页面的x\y轴的数据;
效果展示: