Angular >6.x 中使用 echarts 地图

Angular >6.x 中使用 echarts 地图

在引入地图的时候,echarts已经自带了全球、中国、各省份的数据,不需要再准备了。

直接引入相关文件即可。

import 'echarts/map/js/province/hubei.js';

Angular >6.x 中使用 echarts 地图

打开源码后,发现echarts已经注册了 name为 湖北的地图,我们只需在series中 mapType指定为 湖北 即可。

Angular >6.x 中使用 echarts 地图

当需要做专题图时,data里面的 name 要与 hubei.js 里面定义的 name 保持 一致。

Angular >6.x 中使用 echarts 地图

最后,放一张专题图。

Angular >6.x 中使用 echarts 地图