# 新冠肺炎疫情数据大屏
使用 Vue + DataV + ECharts + Element UI 打造的新冠肺炎疫情数据大屏。
## 演示
提供两个演示地址,一个疫情真实数据演示,由于数据更新较慢,隔几小时更新一次的,所以我又提供了一个模拟数据的地址,数据变化较快,可看出一定的效果。**仅适配 1080P 屏幕,使用浏览器访问后按 F11 进入全屏可看最佳显示效果。**
1. 疫情真实数据演示地址:[演示地址-真实数据](http://datav.covid19.lanweihong.com/#/)
2. 模拟数据演示地址:[演示地址-模拟数据](http://demo.datav.covid19.lanweihong.com/#/)
效果图:
![效果图](https://github.com/lanweihong/data-visualization-with-covid-19/blob/main/preview/demo-datav-covid-19-preview-compression.png)
## 技术栈
- [Vue.js](https://cn.vuejs.org/)
- [Apache ECharts](https://echarts.apache.org/zh/index.html)
- [DataV](http://datav.jiaminghi.com/)
- [axios](https://axios-http.com/)
- [Element UI](https://element.eleme.io/#/zh-CN)
## 开发
代码中各种图表均已封装成组件,查看相关的代码请看组件代码。
## 项目结构
```shell
├─build
├─data # 本地模拟数据目录
├─mock # mock 配置
├─public
└─src
├─api # 接口封装目录
├─assets
├─components # 组件目录
│ ├─About # 关于
│ ├─BasicDataItemLabel # 基本数据显示标签
│ ├─BasicProportionChart # 占比图表
│ ├─BasicTrendChart # 趋势图表
│ ├─ChartCard # 图表面板
│ ├─CuredAndDeadRateChart # 治愈率和死亡率图表
│ ├─CurrentConfirmedCompareBarChart # 最近一周累计治愈图表
│ ├─DataMap # 数据地图
│ └─ProvinceRankingBarChart # 累计排名图表
├─libs # 一些常用的配置
├─router # 路由配置
├─utils # 工具类
└─views # 视图
```
## 项目构建
```shell
# 安装依赖
npm install
# 运行
npm run dev
# 打包
npm run build
```
## 最后
这个项目是个人学习作品,能力有限,难免会有 BUG 和错误,敬请谅解。如有更好的建议或想法,请指出,谢谢。
没有合适的资源?快使用搜索试试~ 我知道了~
使用 Vue + DataV + ECharts + Element UI 打造的新冠肺炎疫情数据大屏.zip
共34个文件
vue:11个
js:10个
json:5个
1.该资源内容由用户上传,如若侵权请联系客服进行举报
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
版权申诉
0 下载量 138 浏览量
2024-03-29
15:27:52
上传
评论
收藏 264KB ZIP 举报
温馨提示
使用 Vue + DataV + ECharts + Element UI 打造的新冠肺炎疫情数据大屏
资源推荐
资源详情
资源评论
收起资源包目录
使用 Vue + DataV + ECharts + Element UI 打造的新冠肺炎疫情数据大屏.zip (34个子文件)
data-visualization-with-covid-19-main
mock
utils.js 448B
index.js 1KB
covid19.js 1KB
babel.config.js 73B
preview
demo-datav-covid-19-preview-compression.png 98KB
src
App.vue 491B
assets
logo.png 7KB
china.js 59KB
main.js 816B
api
covid19.js 423B
utils
request.js 765B
libs
const.js 156B
components
ProvinceRankingBarChart
index.vue 3KB
About
index.vue 1KB
BasicProportionChart
index.vue 3KB
DataMap
index.vue 3KB
CuredAndDeadRateChart
index.vue 6KB
BasicDataItemLabel
index.vue 1KB
ChartCard
index.vue 603B
BasicTrendChart
index.vue 6KB
CurrentConfirmedCompareBarChart
index.vue 3KB
router
index.js 254B
views
main-layout.vue 20KB
data
covid19-province.json 13KB
covid19-daily-list.json 7KB
covid19-overall.json 528B
LICENSE 1KB
package.json 1KB
public
favicon.ico 4KB
index.html 792B
package-lock.json 472KB
.gitignore 231B
.eslintignore 19B
README.md 3KB
共 34 条
- 1
资源评论
不走小道
- 粉丝: 3217
- 资源: 5113
下载权益
C知道特权
VIP文章
课程特权
开通VIP
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功