标签:自制 echarts 简易 监视器 内存 https 折线图 com 前端
效果如图:
这是效果图:
前端用js,后端用Python,实现还是比较简单的。
后端用psutil库获得电脑的各项信息然后用WebSocket发给前端,前端再处理到页面上。
前端用Bootstrap框架做出进度条来表示CPU和内存的占用百分比。缓存连续10次的数据,计算出硬盘和网络的流量速度,用echarts显示成折线图。
当内存余量小于一定值时会弹框提醒
数据渲染到折线图前会进行一些处理,根据最大的数据选择合适的单位(Mb/s,Kb/s或b/s)。
反应还是很灵敏的,echarts确实有点好用。
先贴一个初步的成果吧,以后有空再添加自动重连之类的功能。
JS部分写的很随意,处理时间的部分copy了别人的代码。因为是网页的形式,所以你还可以在手机等设备上监控。
https://github.com/OGRLEAF/SystemStatePannel
原文地址:
https://www.orgleaf.com/3390.html
标签:自制,echarts,简易,监视器,内存,https,折线图,com,前端 来源: https://www.cnblogs.com/python-learn/p/16381713.html
本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享; 2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关; 3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关; 4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除; 5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。