你好，我是沐爸，欢迎点赞、收藏、评论和关注。阿里DataV大屏是一款功能强大的数据可视化应用搭建工具，由阿里云提供，旨在帮助用户通过图形化的界面轻松搭建专业水准的可视化应用。下面我们一起看下DataV大屏是如何做自适应的？了解阿里DataV大屏，可注册账号免费试用，时长

[求更新react版本号·Issue#52·DataV-Team/DataV-React](https://github.com/DataV-Team/DataV-React/issues/52)package.json设置overrides可以解决这个问题"overrides":{"@jiaminghi/data-view-react":{"react":"^18

1.大屏搭建使用的是dataV组件http://datav.jiaminghi.com/guide，使用dataV组件有如下注意点：a.修改配置项config中data的值，需要重新赋值configb.修改dataV某些内置样式，他有个固定的类2.登录界面动态背景，使用的是vanta.jsVanta.js-Animated3DBackgroundsForYourWebsite

 可视化大屏需要自适应各种屏幕，使用了DataV的dv-full-screen-container ，v-scale-screen，但都达不到要求，dv-full-screen-container随着屏幕缩放或分辨率变化，文字也相应变化了，v-scale-screen+DataV控件时，第一次加载页面时，DataV边框宽高没有调整过来，还需要稍微拉伸一下，触发

原因:个人认为应该是npm上的版本比较低,因为弄好后装饰只能用到第8个,后面的都没有,查看package.json里它的版本为^0.0.0-test.1672506674342,也就是说还没有正式版,在官方的说明里也有体现---[目前还处于Alpha阶段，所有的API及Props都可能在后续迭代中发生变化]介绍|DataV

在使用datav和echarts时，遇到窗口大小变化后不能随着窗口尺寸变化，或是直接echarts消失。解决方法：在html中（顺带一提，我使用的是vue+elementui）<template><dv-border-box-13ref="inInfo">          <divclass="product-in-title">       

!(function(v,g){g["DataV"]||(g["DataV"]=v());})(function(){constzoom=[0,20,40,60,80,99];//获取唯一序列码letxid_i

阿里云DataV数据可视化DataV.GeoAtlas速成视频https://mp.weixin.qq.com/s/282fDEeG2tqeq0ks7dDkkwDataV小课堂|GeoAtlas小工具入门必看(qq.com)案例11、范围

http://datav.jiaminghi.com/guide/

npminstall@jiaminghi/data-viewmain.jsimportdataVfrom‘@jiaminghi/data-view’Vue.use(dataV)<divclass="recentlyReportScollList"style="width:392px;height:29

发现问题在使用vue开发大屏时，发现了一个很好用的可视化组件库DataV，不是阿里那个DataV哈，用vue2开发时都一切顺利，直到有一天升级项目到vue3时，发现一堆报错，后面查了下，好像是D