之前有给大家分享一个vue2.x大屏图表可视化项目vue-big-screen 。这次分享的是该项目已经更新了vue3版本 。
文章插图
vue-big-screen-plugin 基于 Vue3、Typescript、DataV、ECharts5 框架的大数据可视化(大屏展示)项目 。
文章插图
【vue可视化大屏项目 vue大数据可视化框架】项目结构
文章插图
项目中所有的 ECharts 图表渲染都是基于
components/echart/index.tsx 封装组件创建的,已经对数据进行了深度监听,能够动态渲染图表数据 。
快速安装
# 克隆项目git clone git@gitee.com: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,今天就分享到这里 。大家感兴趣的话可以去看一看哈 。- 关于华为nova7的尺寸大小 华为mate7多大屏幕尺寸的手机
- vue点击复制文本代码 vue文本旁边添加复制按钮使用
- 性价比高大屏手机推荐 宽屏手机有哪些牌子好
- 苹果手机投屏到电视上怎么放大屏幕
- 关于iphone尺寸大全对照表 iphone5s尺寸多大屏幕
- 7寸以上的巨屏手机有哪些? 7英寸以上大屏手机有哪些
- 笔记本怎么投屏到投影仪显示在大屏幕上
- 华为最新款大屏手机 大屏华为4c千元内手机有哪些
- 大屏手机推荐性价比高便宜 大屏华为4c千元内手机有哪些
- 苹果手机公认最好的型号 苹果xsmax尺寸多大屏幕