1:  后台搭建
2:  结合Vue 开发图标组件
3:  Websocket 实现数据推送
4:  主题切换/ 页面合并 / 全屏切换...
5:  数据可视化的概念....

启动后端工程...
1: cd koa2-serevr 命令
2: mp install  安装相关依赖
3: node app.js

启动前端工程项目....
1: cd vision (切换到vision 文件夹下边)
2: npm install  (安装相关依赖)
3: npm run serve (运行项目)

数据可视化操作中...   实现一端操作,  多端联动的效果。

项目实现的效果:
1: 该项目为为电商平台数据可视化实时监控系统
2: 可以保证实时获取数据进行分析
3: 支持大屏展示,  自适应分辨率, 多端联动展示。
------------------------------------------------------
数据可视化的好处:
  将数据已可视化的形式呈现。
1: 清晰有效的传达了与沟通的信息
2: 隐藏在数据中的信息  (例如: 上证指数图) 

可视化的实现方式:
1: 报表类
2：商业智能BI
3: 编码类 (Echart.js  D3.js)
------------------------------------------------------
Echarts 的介绍:
Echarts 是一个使用JavScript 实现的开源的可视化库, 兼容性强, 底层依赖矢量图像库ZRrender,  提供直观,  交互丰富,  可高度个性定制的数据可视化图标。
------------------------------------------------------
1： Echarts 特点:
   提供了丰富的可视化类型
   有折线图, 柱状图,  饼图,  K线图...
   只有你想不到的, 没有它做不到的...
2: 流数据的支持...
   
   流数据的动态渲染....  (流数据的动态渲染...)
   增量渲染技术
-------------------------------------------------------
Eachart 的特点:
   
   1: Echart.js 能够满足绝大部分可视化图表的实现。
   2: 兼容性强大
   3: 使用方面
   4: 功能强大

实现数据可视化的最佳选择