echarts官网中国地图（请教echarts地图的一些使用问题）

：暂无数据 2026-08-23 13:10:01 ：0

这篇文章给大家聊聊关于echarts官网中国地图，以及请教echarts地图的一些使用问题对应的知识点，希望对各位有所帮助，不要忘了收藏本站哦。

本文目录

请教echarts地图的一些使用问题
echarts3的中国地图省份名称位置都不在省份中间，位置怎么调整
ECharts3怎么加载china.js地图
我用的echarts中国地图怎么获取到当前选中的区域id或者名称
echarts地图属于国家标准地图吗

请教echarts地图的一些使用问题

看了echarts的demo以及网上大家使用echarts的经验。我使用的是大家都推荐的模块化单文件引入。
首先要去echarts和zrender官网上下载需要的文件
然后将下载下来的文件放在你项目的目录下，我将文件都放在我项目的js目录下。需要注意的是导入的zrender文件夹名不要改变，zrender和echarts在同一个目录下面。
在项目中引用相关文件。我想要用echarts画地图，引用了map.js。引用地图的paths设置比较特殊，如图中我写的是 ’echarts/chart/map’: ’../../Scripts/js/echarts/map’,后面写的是map在项目中的实际路径，引用别的图表如pie则其目录只要和 ’echarts’: ’../../Scripts/js/echarts’后面的目录同即可。
引用相关的文件后可能还会出现很多的小问题，主要去看看js文件目录是否正确。
扩展地图插件的时候或者有别的需求需要引入config文件时，要注意一定要将引用的代码放在function(ec){}中，这样就不会报"echarts/config" is not exists!错了
调试完成后，就可以见到你想要看到的图片啦

echarts3的中国地图省份名称位置都不在省份中间，位置怎么调整

如果地图数据是JSON文件，你最好格式化一下，然后搜索你要修改位置的省份名称或城市名称，紧挨着名称前面的元素cp就表示名称所在座标，如下图所示：更改此座标就可以了，如果不知道具体应该放在哪个座标，可以使用百度地图座标拾取。

另外：更改JSON文件后记得清空浏览器缓存。清空缓存，清空缓存，清空缓存。重要的事说三遍。

ECharts3怎么加载china.js地图

echarts3加载map的方式和2不一样了，你必须得先注册地图才行，

“`js$.getJSON(‘./china.json’, function (data) { echarts.registerMap(‘china’
, data); var chart = echarts.init(document.getElementById(‘map’)); chart.setOp
tion({ series: }); });“`

类似这样,你需要下载中国的地理矢量数据geojson

echarts3与echarts2区别：

1、js文件：

首先是js文件，echarts3做了很大的优化，在echarts2中，对各种控件的类库管理的较为详

细，有专门的目录结构来存放相关的js文件及相关资源，但是在引入文件的时候往往会很不

方便，可能会一不小心就漏掉一个文件，而echarts3可以根据需要在下载项下直接根据所需

的功能构架类库，使用时只要导入一个echarts.min.js文件就可以；

2、文件导入：

在echarts2中，require是作为模块化加载的入口，在使用过程中关于路径配置经常会出现

问题，特别是制作地图的时候，而在echarts3中只需要在开头加一句 view plain copy

《script src="js/echarts.js"》《/script》接下去只要调用接口就可以了；

3、离线地图：

echarts2中离线地图的精确度存在很大的问题，特别是下钻到区县一级，边界线存在

模糊、交叉、空白等问题，并且经常出现飞地，与实际地图出入较大，个人认为基本没

什么用，在echarts3中对此做了很大的改进，基本解决了以上问题，市与市之间、区县

与区县之间基本上不存在衔接问题；另外，在echarts3中可以根据需要自主构建地图，

这个服务给实际使用提供了很大的便利；

4、工具栏：

在echarts3的toolbox里面把辅助线功能取消掉了，图标变小了，总体上感觉echarts3

里面的toolbox更丑了；

5、地图漫游工具：

在echarts3里面把地图漫游工具取消掉了，说实话，echarts2里面的地图漫游工具看着

还是挺不错的，虽然并没有什么用；

6、坐标系:

echarts3中，数据结构进行了统一化抽象，最常用的数据结构有：线性表、树、图。例

如，线性表以及树、图的节点列表的结构可以归一化为这样的二维数组；echarts3中另

一个重要的数据结构抽象是独立出了“坐标系”概念；事实上在 ECharts2 中已经有

grid、polar配置项存在，但是并不是按一个“坐标系”的理解去实现的；echarts3中，

支持了直角坐标系（catesian，兼容 echarts2中的grid）、极坐标系（polar）、地理

坐标系（geo）；

7、Option变动：

1）组件位置想x、y等变成了left、top,可以使用像素和百分比，适应性更强。

2）为了让结构更合理，echarts3中label被移出来和itemStyle平级。

根据官方说法，在echarts3中以前的用法也是兼容的，只是不推荐。

参考资料

echarts3与echarts2区别.CSDN

我用的echarts中国地图怎么获取到当前选中的区域id或者名称

第步新建静态页面bar.html修改title并引入echarts js文件图所示：
第二步添加条状图容器插入div并给id属性宽度高度图所示：
第三步编写条状图js代码添加数据式图所示：
第四步预览该图形界面看效图图所示：
第五步编写点击条状图柱获取namevalue图所示：
第六步再预览该界面打浏览器控制台查看打印结图所示：