在Vue中使用Echarts地图以及数据展示

效果图如下(东营市地图)
在Vue中使用Echarts地图以及数据展示_第1张图片

1.地图显示

首先要获取该地区的JSON数据,网站:DATAV.GeoAtolas,逐步选择地图区域,然后复制数据到本地另存为dy.json。
在Vue中使用Echarts地图以及数据展示_第2张图片
直接上代码了,添加了详细备注



2.注意问题

  • 和后端商定好你需要的数据格式,以我的项目为例。对照一下上文代码,很容易看懂。
    在Vue中使用Echarts地图以及数据展示_第3张图片

  • 返回数据的 name 一定要和你地图数据(dy.json)中的地区名一致!差个空格都不行!!!

暂时就想到了这么多,收工。

你可能感兴趣的:(Vue,vue,echarts,可视化,数据可视化)