今天在项目中参考echarts.Example，选用“地图”里面的“中国铁路运输干线”效果：
中国铁路运输干线.png
在项目中引入了echarts.common.min.js，复制echarts地图的代码到本地，刷新后，页面时地图没有显示，控制台报错'coordSys.getOtherAxis is not a function'，在网上查了很多，尝试了很多方法都没有解决（不过也从中了解很多关于echarts使用中的问题，先给大家展示完解决问题的方法，文章后面再简单介绍一下今天踩坑后的收获）。
最后的解决方法是在尝试一条评论中的方法时解决的：
pic02.png
没错，就是这么简单！
这是segmentfault网站下面的一条名为“俗人”的评论，感谢这位“俗人”！
在引入了echarts.common.min.js之后，引入echarts-2.2.7/echarts-all.js就可以解决问题，或者只引入echarts-2.2.7/echarts-all.js就可以。
但是，提醒一下，引入echarts-2.2.7/echarts-all.js后，其他的柱状图、折线图的样式也会使用echarts-2.2.7的样式，没有新版本的好看，需要自己修改代码重新设置一下自己想要的好看的样式。
好了下面说说为什么要引入echarts-2.2.7/echarts-all.js才能解决问题，也就是今天踩坑取得的一些收获吧。
一、echarts2支持markLine
也是从一条评论中了解到的，如图：
pic03.png
我采用的地图效果代码中使用markLine标识线实现铁路运输干线运行的效果，就像这条评论里面说的，echarts2支持markLine,而我使用的echarts4的版本不支持markLine所以报错。但是，我按照这个评论里说的将markLine修改为lines,仍然有报错，应该是我改写的方法不对造成的，所以没有采用这个方法。
二、ECharts内部依赖于另一个插件叫ZRender
对于大部分图表而言不需要ZRender的，但是对于地图控件及其他复杂的呈现控件都是需要ZRender的。为了避免不要的问题出现，建议大家在下载ECharts时同时也要下载ZRender。
具体详细及使用方法可查看百度知道中名为“破晓0612”的评论，如图：
pic04.png
网友评论