当接到可视化大屏需求时，你是否会有以下疑问：如何做一款定制化的数据大屏？ 开发可视化数据大屏如何做自适应？ vm vh、rem、scale 到底哪种比较好？ 时间不够，有没有偷懒的方法？

关于可视化大屏中使用Echarts 这是我参与更文挑战的第2天，活动详情查看： 更文挑战 接着上一篇文章，接到的需求是在可视化大屏中展示一个全国数据，类似于 某宝做的疫情地图，如下图所示 开始编写代码

transform: scale实现响应式页面，一篇搞定数据可视化项目。目前用的比较多和稳的一种方式，记录下

Vue2项目中使用百度地图。基于百度地图JavaScript API v3.0实现，封装主要是为了方便复用，这里封装了地图的加载、还有简单的地图打点、自定义信息弹窗

描述：echats大屏自适应方案：利用css的transform属性以及设计百分比做到大屏自适应，在不同尺寸大屏上实现等比例缩放

在写大屏项目的时候 需要引入特别多的echarts图表 所以可以把echarts封装一下 方便使用 在main.js 中首先导入echarts(需要安装) 然后把echatrs挂在到vue的原型上 这

大屏、适配、rem、动态计算html上的font-size大小利用rem实现适配、解决大屏设置像素问题，

在大数据时代，我们经常听到“用数据说话”这句话。但是数据本身只是一个个冰冷的数字，很难直接告诉我们哪些数据是有价值的信息。 只有通过适当的可视化工具来展示和表达数据，才能更直观地向用户传达数据的价值。

前言 在做公司做了很多大屏的项目之后，针对于屏幕适配，说实话有很多解决方案，例如媒体查询、scale缩放、Rem、vw等等，但每种方案都有其特定的使用场景，面对不同的项目，我们首先考虑的不是哪种方案最