登录 注册
当前位置:主页 > 资源下载 > 42 > ReactScaleView实现大屏数据可视化

ReactScaleView实现大屏数据可视化

  • 更新:2024-08-20 10:30:56
  • 大小:4.99MB
  • 推荐:★★★★★
  • 来源:网友上传分享
  • 类别:其它 - 开发技术
  • 格式:ZIP

资源介绍

ReactScaleView 介绍 ScaleView组件库基于React封装,主要用于集成大屏(全屏)数据展示页面即数据可视化利用响应式的适应方式,不管是在PC端,还是放置到大屏上,不管是1440 * 768,1080p ,还是2k,4k甚至更大分辨率的屏幕,都只需要1次调整,多屏幕兼容。 响应式布局 以UI设计图为基准,适应好一个尺寸,理论上可以支持任意相似屏幕比例的屏幕 安装 npm: npm i react-scale-view或纱线: yarn add react-scale-view 演示版 纱线安装 纱线开始 故事书 纱线安装 纱线故事书 利用 1.创建容器 根据UI的设计图,创建相应的画布大小,尺寸大小一般为1920px * 1080px在父组件中约会ScaleViewContainer,将对容器内的所有子组件进行缩放处理 // 1. 新建配置文件, 如./config.j