ECharts数据大屏展示效果

前言

数据大屏需整体效果好看，界面缩放自适应大小，全屏展示铺满整个屏幕并自适应，同时需要融入动画元素；

1、效果预览

分享最近开发的Vue2大屏效果

1.2、视频效果

2、使用框架

老项目框架是Vue2+ element-ui，数据大屏采用dataV

3、如何处理屏幕自适应效果

1、屏幕自适应处理

handleResize() {
   
  this.viewRefVal = this.$refs.viewRef;
  if (this.viewRefVal) {
   
    this