![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
echarts + vue
赵九一和喵小胖
前端学习者
展开
-
websocket数据过多分批渲染到页面
项目场景:业务需求:传感器采集到的振动数据需要全部记录,当条件发生变化的时候需要及时反馈并记录当下的数据并触发机器关闭问题描述:实时数据与设置的上限数据与下限数据同时体现在echarts折线图之中,当实时数据超过上线时触发报警并关机。由于数据量太大,一秒钟至少一百条,因此实时渲染到echarts上会导致整个页面卡死。 原因分析:上面已经提到,数据太快,数据量太大导致页面卡顿解决方案:数据来的时候,先攒起来,并不立即渲染到echarts上面,一秒钟触发一次渲染,让积攒到的数据全部渲染到原创 2021-02-07 14:16:09 · 1705 阅读 · 1 评论 -
echarts图表不显示
项目场景:vue中使用echarts折线图,需要点击获取数据然后显示对应的折线图问题描述:显示折线图时发现太小,只能显示一部分,图表大小并没有自适应,初始化时已经给了resizethis.linechart = echarts.init(this.$refs.linechart);this.linechart.setOption(this.lineOption);window.addEventListener("resize", () => { this.linechart.resi原创 2021-02-07 13:58:58 · 3451 阅读 · 0 评论