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

地图下钻是一种常见的高级交互功能，可以使用户能够深入地图的不同层级，查看更加详细的地理数据，帮助用户逐层深入地查看不同区域或层级的数据分布情况，极大地增强了数据可视化的深度和用户体验。

最近在大屏可视化项目中有个展示地图的功能，要求： 好看排第一 支持钻入钻出 能单独展示省份、地市，因为客户数据有的是省级，有的是市级 得到这个需求后第一个想到的就是Echarts，所以打开Echart

你是否被后端传来的千奇百怪的echarts数据搞得焦头烂额？你是否在为如何封装echarts数据而探索？ autocharts.js 可以帮助你一行代码生成符合echarts基本格式的optio

经过之前环形图需求，对ECharts的使用感觉已经非常熟练了，这次写柱状图的时候就快了很多。 ^_^

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

Echarts支持基于轴线缩放的，在slider模式中应用的很成熟，但体验和样式并不能得到来自设计和产品的认可，他们想要的样式和功能是长这样的 那就需要大量自定义的功能，首先你的在toolbox.fe

为什么要去封装echarts？ 我们将实现以下这些功能 父组件传递X轴和Y轴数据以及自动显示暂无数据 子组件 props中的数据更新后为什么视图没有重新渲染？ watch来解决数据变化后视图立即更新

我正在参加「掘金·启航计划」 下面我们以广西南宁的来做实例，来进行这个渲染和添加纹理图片的操作。 首先我们先看看文档，echarts 的geo的areaColor是可以支持通过图片来对地图的区域内容来