疫情时空态势分析大屏 任务 疫情时空态势分析、监控疫情发展态势、评估疫情防控措施 2020参加比赛的一个作品，由于当时刚刚初学数据可视化及前端，很多地方还有很多不足（界面不是特别高大上，局限于当时的）

前端的数据可视化越来越重要，炫酷大屏的需求越来越多，您是否经常为屏幕不能自适应而烦恼？如何能让大屏在多种终端都呈现完美效果呢？也许本文可以给您带来帮助。 当屏幕宽高比例小于设计稿时，按设计稿比例沿水平

对于前端来说，想必对于echart不陌生，提到echart又不得不来点老生常谈的屏幕适配。在整个项目的开发过程中，我们需要解决屏幕尺寸、echart图表、间隙、文字大小等等的适配问题

安装 vue2中使用Echarts 在main.js文件中 给定一个容器 echarts初始化应在钩子函数mounted()中，这个钩子函数是在el 被新创建的 vm.$el 替换，并挂载到实例上去之

Vue3通过ref属性获取元素 在compositionAPI中如何使用生命周期函数？ 需要用到哪个生命周期函数，就将对应函数的import进来，接着在setup中调用即可

从0实现一个vue3后台管理模板，巩固所学的vue3知识点。项目集成了一些第三方插件，初步实现了一些常见的业务功能。

需求分析到选择Vue-element-admin经过我们的观察，页面中用到图表的就这几个页面，现在我们去代码中找到他们Dashboard咱们就以折线图为例，看看大佬是如何封装的，有没有可以借鉴的；这里

这两天忙着做公司的超级数据大屏，实在挤不出时间连续更文。那我就分享一下在工作中经常用eharts数据地图轮播高亮吧~

工欲善其事必先利其器，所以先介绍环境和依赖，让你少吃版本的亏。 到这里，我们组件其实就已经可以使用了，基本的轮廓有了，下面继续添枝加叶。当我们缩放屏幕的时候，这时的图表可不会自动缩放啥的。好的，不卖关子了，当容器大小改变时，应该去调用resize()函数，改变图表尺寸，屏幕缩放…