-
ReactScaleView实现大屏数据可视化
资源介绍
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