vue大数据可视化框架(vue可视化大屏项目)

之前有给大家分享一个vue2.x大屏图表可视化项目vue-big-screen。这次分享的是该项目已经更新了vue3版本。

vue-big-screen-plugin 基于 Vue3、Typescript、DataV、ECharts5 框架的大数据可视化（大屏展示）项目。

项目结构

项目中所有的 ECharts 图表渲染都是基于
components/echart/index.tsx 封装组件创建的，已经对数据进行了深度监听，能够动态渲染图表数据。

快速安装

<span># 克隆项目</span>git clone git@gitee.com:MTrun/vue-big-screen-plugin.git<span># 安装依赖</span><span>npm</span> i<span># 运行</span><span>npm</span> run serve<span># 构建打包</span><span>npm</span> run build

屏幕适配方案放弃了 Vue2 版本的 rem 方案，使用更流程通用的 css3：scale 缩放方案，项目的基准尺寸是 1920px*1080px，所以支持用比例屏幕 100% 填充，如果非同比例则会自动计算比例居中填充。

<span># vue3文档</span>https:<span>//v3.cn.vuejs.org/</span><span># 仓库地址</span>https:<span>//gitee.com/MTrun/vue-big-screen-plugin</span>

OK，今天就分享到这里。大家感兴趣的话可以去看一看哈。