数据可视化大屏项目中,经常需要echarts渲染地图,有时候需要实现从省级下钻到市级,今天我们要实现的是echarts甘肃省下钻到市级的效果实例。
下钻实例介绍
通过事先整理好的下钻数据,根据当前选择的城市名称进行地图切换,以及飞线渲染。可以通过底部地名进行地图切换,也可以通过省份地图点击下钻到对应的市区,并可以通过右上角的返回按钮返回到省份地图。
echarts版本
"echarts": "^5.2.0",
vue版本
vue3 vite js nodejs 16
代码写法
vue2通用写法,可以直接平移到vue2项目中。
html版本
包含html版本 普通html+vue2.js
演示地址
动态效果
更多甘肃省相关实例
代码下载
当前代码包含两个版本
一个vue3版本
和普通html+vue2.js版本