以上的内容我花了一周时间去实现的，自己也觉得时间很长，但主要因为很少使用ECharts，导致使用的过程中大部分的时间都在查文档。 对于上面的这些功能点，

1.通过dataZoom实现柱状图动态前移效果 设置dataZoom当前缩放值，加定时器，实现轮播效果。 示例： 2.叠加流光效果 多条曲线叠加，但注意，需要监听legendselectchanged

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

由于我最近一直开发大屏，所以累计了一些经验（yuanqi）,在此分享给大家，也方便后续自己复制粘贴... 内容主要是大屏一些可复用的模块，项目技术栈：vite + vue3 + echarts + v

我接触前端已经两年了，最近在面试webgis的前端岗，所以来了解下这部分的知识。我努力想将本文写成“综述”一类的东西，希望能给和我有相同境遇的人提供些参考。

前言 随着前端开发趋于复杂化，地图（Gis）已经成为大多数系统必不可少的一部分，从最常见的 Gis 可视化（点、线、面、各种弹框、插值）到三维模型、场景模拟、场景监控等都绕不开webGis的应用。

需求要求画出上海普陀区，具体街道、镇级的地图。普通Echart只能画出省市区的的地图不能提供具体的街道、镇级数据。所以可以通过bigmap来获取具体数据。

关于react实现echarts地图贴图的实践，主要通过在svg数据中引入image标签，实现地图贴图功能。该效果能较好的实现全国地图脉络展示，使echarts实现更真实的地图效果。

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