echarts scatter地图上渲染圆点

实现效果

在这里插入图片描述
如上图所示,我们经常遇到一些需求,在地图上根据数据的大小,再画一些直径不一的实心圆。
首先,我们得先把地图画好,再来画这些跟数据有关联的圆形。

为了方便scatter建立坐标系,我们采用geo来自定义绘制地图,而不是使用百度地图或者google地图。

实现步骤

第一步,还是引入一个地图的json数据,这里我选择的还是世界地图。

import world from '@/common/map/world.js';

第二步,将找个地图数据注册到echarts中去。

echarts.

猜你喜欢

转载自blog.csdn.net/glorydx/article/details/129178453