数据可视化—大屏预研概述

一、场景说明

这是大屏方案的预研，考虑采用vue+echarts+node+mysql来实现，对数据库中的数据进行可视化展示。

大屏特点：

（1）屏幕尺寸大；

（2）数据要实时更新；

（3）数据点击时联动；

（4）图表动效；

二、具体实现

（1）创建vue项目，环境搭建

（2）在vue中使用echarts

（3）从数据库获取echarts数据；

（4）使用socket.io实时监控数据变化，并更新页面

（5）图表点击，其它图表数据联动—state状态管理；

（6）图表动效实现；

（7）打包