免费开源的数据大屏项目：vue-big-screen

项目描述：

1、一个基于 Vue、Datav、Echart 框架的 " 数据大屏项目 "，通过 Vue 组件实现数据动态刷新渲染，内部图表可实现自由替换。部分图表使用 DataV 自带组件，可进行更改，详情请点击下方 DataV 文档。

2、Vue3 版本请点击这里查看，使用 Hooks+TypeScript 实现，全新内容等你探索!

3、React 版本请点击这里查看，全新界面超级好看！！！

4、项目需要全屏展示（按 F11）。

5、项目部分区域使用了全局注册方式，增加了打包体积，在实际运用中请使用 按需引入。

6、拉取项目之后，建议按照自己的功能区域重命名文件，现以简单的位置进行区分。

7、项目环境：Vue-cli-3.0、DataV-2.7.3、Echarts-4.6.0(如果5.x版本有问题，请切换到4.x版本)、Webpack-4.0、Npm-6.13、Node-v12.16。

8、请拉取 master 分支的代码，其余分支是开发分支。

9、需要其它地图数据的，请查看我的其它项目（有一个地图合集）

启动项目：

需要提前安装好 nodejs 与 yarn,下载项目后在项目主目录下运行 yarn 拉取依赖包。安装完依赖包之后然后使用 vue-cli 或者直接使用命令npm run serve，就可以启动项目，启动项目后需要手动全屏（按 F11）。如果编译项目的时候提示没有 DataV 框架的依赖，输入 npm install @jiaminghi/data-view 或者 yarn add @jiaminghi/data-view 进行手动安装。

项目地址：https://gitee.com/MTrun/big-screen-vue-datav