vue3版可视化大屏vue | 您所在的位置:网站首页 › 中国人均国内生产总值是什么意思 › vue3版可视化大屏vue |
之前有给大家分享一个vue2.x大屏图表可视化项目vue-big-screen。这次分享的是该项目已经更新了vue3版本。 vue-big-screen-plugin 基于 Vue3、Typescript、DataV、ECharts5 框架的大数据可视化(大屏展示)项目。 项目结构 项目中所有的 ECharts 图表渲染都是基于 components/echart/index.tsx 封装组件创建的,已经对数据进行了深度监听,能够动态渲染图表数据。 快速安装# 克隆项目 git clone [email protected]:MTrun/vue-big-screen-plugin.git # 安装依赖 npm i # 运行 npm run serve # 构建打包 npm run build 屏幕适配方案放弃了 Vue2 版本的 rem 方案,使用更流程通用的 css3:scale 缩放方案,项目的基准尺寸是 1920px*1080px,所以支持用比例屏幕 100% 填充,如果非同比例则会自动计算比例居中填充。 # vue3文档 https://v3.cn.vuejs.org/ # 仓库地址 https://gitee.com/MTrun/vue-big-screen-plugin OK,今天就分享到这里。大家感兴趣的话可以去看一看哈。 |
CopyRight 2018-2019 实验室设备网 版权所有 |