项目场景:
业务需求:传感器采集到的振动数据需要全部记录,当条件发生变化的时候需要及时反馈并记录当下的数据并触发机器关闭
问题描述:
实时数据与设置的上限数据与下限数据同时体现在echarts折线图之中,当实时数据超过上线时触发报警并关机。
由于数据量太大,一秒钟至少一百条,因此实时渲染到echarts上会导致整个页面卡死。
原因分析:
上面已经提到,数据太快,数据量太大导致页面卡顿
解决方案:
数据来的时候,先攒起来,并不立即渲染到echarts上面,一秒钟触发一次渲染,让积攒到的数据全部渲染到页面上,页面每次最多显示一千条数据
let _this = this
_this.$io