react大数据量渲染_react-big-screen : 一个基于React、Dva、ECharts、DataV的框架大数据可视化（大屏展示）模板。支持数据动态刷新渲染、屏幕适配、数据请求模拟、局...

一、项目描述

一个基于 React、Dva、DataV、ECharts 框架的 " 数据大屏项目 "。支持数据动态刷新渲染、屏幕适配、数据请求模拟、局部样式、图表自由替换/复用等功能。

项目需要全屏展示(按 F11)。

项目环境：react^16.2、webpack-4.0、npm-6.13、node-v12.16。

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

友情链接：

项目界面图：

二、文件目录介绍

Project

├── mock 模拟数据

├── src

│ │ ├── assets 静态资源

│ │ ├── components 各个模块组件

│ │ ├── models Dva模型管理

│ │ ├── routes 路由主界面定义

│ │ ├── services 异步获取函数

│ │ ├── style 全局样式

│ │ └── utils 工具函数

│ │

│ ├── index.js 主函数文件

│ └── router.jsx 路由定义文件

│

└── .roadhogrc.mock.js 导出模拟数据

三、详情介绍

启动项目

需要提前安装好 nodejs 与 npm,下载项目后在项目主目录下运行 npm install 拉取依赖包，使用命令 npm run start 启动项目，启动项目后需要手动全屏(按 F11)进行查看。

数据请求模拟

项目采用 Dva 自带模拟数据方式，数据放置在 m