碎碎念 最近一段时间刚好公司需要开发数据大屏，用EchartsEchartsEcharts做完发现走了不少的弯路，趁今天有空把开发流程重新梳理了下。老规矩先放图： ps:具体实践请直接拉到最下面 事前

可视化大屏基本就是数据可视化，主题多为科技感为主。下面分享一些也许对你有用的css效果，都是比较简单的，如果后面有别的还会更新。

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

CSS3的scale等比例缩放 宽度比率 = 当前网页宽度 / 设计稿宽度 高度比率 = 当前网页高度 / 设计稿高度 设计稿： 1920 * 1080 适配屏幕：1920 * 1080 3840 *

** 常见大屏分辨率 ** 1366 * 768 ： 普通液晶显示器 1920 * 1080： 高清液晶显示器 2560 * 1440： 2K高清显示器 4096 * 2160： 4K高清显示器 12

效果图 我们先看一下效果图，大致知道最终是什么样的（若是有道友也要做类似的效果，可以在阅读完毕以后，直接复用哦😄） 大致需求如下 绘制出安徽省【以及省内的各个城市、区县】地图 市和区县都有对应的数据，

echarts+dataV实现中国在线选择省市区地图 利用 dataV 的地图 GEO JSON数据配合 echarts 和 element-china-area-data实现在线选择 省市区 地图

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

引言 Echarts 大家都不陌生吧，时常被用于绘制各种图表，也作为大屏可视化的常驻用户，这里就不多说了，今天主要是讲述一下 Echarts 的地图下转，支持下转到县、返回上一级。 准备工作 地图JS