【Flask】| Flask与Highcharts结合之服务器监控

本文介绍如何使用Highcharts和Highstock结合Flask实现实时内存监控。具体包括:monitor.py定时收集数据并写入数据库;前端通过JSON接口获取最新数据进行图表动态刷新;并详细解释了highcharts中chart的event及series属性的用法。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

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代码如下:

参考资料

github项目

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值