Highcharts之动态刷新——结合后台数据,flask实现,以内存监控为例
功能:
1.完成监控页面的展示。
2.monitor.py在被监控主机上运行,time.sleep(1)设置每1秒就会取一次数据写入数据库,监控程序monitor.py通过post提交数据到web后台存入数据库。(可以直接存入数据库,不通过flask后台post接口)
3.图表使用的JS为highcharts、highstock 。
3.前台highcharts通过json接口不断到后台get一条最新的数据库加入图表显示,动态刷新。
4.highcharts动态刷新,重点是chart里面的event属性,series属性。此时:series属性是模板渲染是提供的一组数据,而event属性是一个js函数(实现周期性ajax请求数据),highstock代码如下: