Django + echarts 初接触尝试

近期在做一个数据展示页面,总结一些过程;

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轴的数据;

 

效果展示:

Django + echarts 初接触尝试_第1张图片

你可能感兴趣的:(Python,echarts,django)