今天在項(xiàng)目中參考echarts.Example嘿棘,選用“地圖”里面的“中國(guó)鐵路運(yùn)輸干線”效果:
中國(guó)鐵路運(yùn)輸干線.png
在項(xiàng)目中引入了echarts.common.min.js迄薄,復(fù)制echarts地圖的代碼到本地憔辫,刷新后,頁面時(shí)地圖沒有顯示,控制臺(tái)報(bào)錯(cuò)'coordSys.getOtherAxis is not a function'太伊,在網(wǎng)上查了很多,嘗試了很多方法都沒有解決(不過也從中了解很多關(guān)于echarts使用中的問題逛钻,先給大家展示完解決問題的方法僚焦,文章后面再簡(jiǎn)單介紹一下今天踩坑后的收獲)。
最后的解決方法是在嘗試一條評(píng)論中的方法時(shí)解決的:
pic02.png
沒錯(cuò)绣的,就是這么簡(jiǎn)單叠赐!
這是segmentfault網(wǎng)站下面的一條名為“俗人”的評(píng)論,感謝這位“俗人”屡江!
在引入了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后文黎,其他的柱狀圖惹苗、折線圖的樣式也會(huì)使用echarts-2.2.7的樣式,沒有新版本的好看耸峭,需要自己修改代碼重新設(shè)置一下自己想要的好看的樣式桩蓉。
好了下面說說為什么要引入echarts-2.2.7/echarts-all.js才能解決問題,也就是今天踩坑取得的一些收獲吧劳闹。
一院究、echarts2支持markLine
也是從一條評(píng)論中了解到的,如圖:
pic03.png
我采用的地圖效果代碼中使用markLine標(biāo)識(shí)線實(shí)現(xiàn)鐵路運(yùn)輸干線運(yùn)行的效果本涕,就像這條評(píng)論里面說的业汰,echarts2支持markLine,而我使用的echarts4的版本不支持markLine所以報(bào)錯(cuò)。但是菩颖,我按照這個(gè)評(píng)論里說的將markLine修改為lines,仍然有報(bào)錯(cuò)样漆,應(yīng)該是我改寫的方法不對(duì)造成的,所以沒有采用這個(gè)方法晦闰。
二放祟、ECharts內(nèi)部依賴于另一個(gè)插件叫ZRender
對(duì)于大部分圖表而言不需要ZRender的鳍怨,但是對(duì)于地圖控件及其他復(fù)雜的呈現(xiàn)控件都是需要ZRender的。為了避免不要的問題出現(xiàn)跪妥,建議大家在下載ECharts時(shí)同時(shí)也要下載ZRender京景。
具體詳細(xì)及使用方法可查看百度知道中名為“破曉0612”的評(píng)論,如圖:
pic04.png