echarts使用markLine报错'coordSys.get

2020-01-14  本文已影响0人  芝芝麻麻开花花

今天在项目中参考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
上一篇下一篇

猜你喜欢

热点阅读