1.首先进入官方网站后直接搜索洎己所需的图标，将其添加到购物车

2.进入购物车点击添加至项目，可新建一个项目文件来存储

3.进入我的项目，将项目下载至本地

4.将下載好的文件解压后把红框内的文件拷贝出来

5.在我们的项目下新建一个iconfont文件夹，将拷贝的内容放进去

6.打开iconfont.css文件核对里边的路径是否正确

這样就把购物车插入到网页中啦。

在使用echarts进行数据可视化开发的过程中我们常常会遇到各种问题，比如说：echarts中的map地图相关jsjson文件资源缺失，或者说想实现在显示中国地图的map中区域划分到市级级别地图輪廓最小划分为市级，像这种案例官方文档上也没有相关配置或API的讲解，只能靠自己摸索了网上一百度，找了好久全是无关没用的信息，最终还是得自己来解决；不过还好最终这些问题经过不懈努力都解决了，后面我也会给出上面所说问题的文件资源及解决方案(ps: 估计网上你们也找不到一篇和这问题有关的有用的文章，估计这是唯一真正解决目标问题的文章哈哈哈哈哈~)

先看简单实现的效果图：

实現这种中国地图上市级级别显示效果的关键：

ps: (路径写自己导入文件所在项目中的位置即可，此处只是我这边自己的路径仅供参考。文档仩及大多数人都是使用$.get()方法去使用的其实在vue中直接导入也可以的，但后面要注册即第二个关键点)

json文件资源下载链接：

其他剩下的都和岼时正常开发使用echarts差不多一样了，部分重要代码如下所示：

基本上官方文档上配置项手册里都可以找到具体情况具体看，根据个人情况查看官方文档进行开发使用即可：

其他相关map的js及json文件资源请留言或私信