1. 程式人生 > >關於在echarts/ngx-echarts中引入省份地圖簡易實現

關於在echarts/ngx-echarts中引入省份地圖簡易實現

由於不可抗力的因素,echarts給了我一個親切的警告。

於是,從沒有認真看過echarts地圖實現的我,心態炸了。

那麼,如何來解決這個問題呢?

按照我超級清麗的畫風和長時間的程式碼編輯習慣,那一定是~百度啦~

附上我第一個檢視的網址:

JSON檔案???我還要去找一份JSON檔案???我是不是還要將這份JSON轉成js檔案讓他生效是不是有毒,是不是有毒!!!深井冰吧啊啊啊啊啊!!!

而且script標籤裡面寫的這是個什麼鬼???這種echarts方法我感覺ngx-echarts裡面不支援啊啊啊啊啊啊啊啊啊????

好的,其實我沒有嘗試這種寫法,因為我不知道這個echarts怎麼init出來。一切需要走echarts這個方法的我都不敢嘗試。嘖嘖嘖,起因是我的寫法裡面的setOption是整合到標籤裡面進行雙向繫結而不是這種寫法。我的頁面寫法如圖所示。

這個部落格看起來就是讓我很GG的寫法。一臉懵逼。不不不!!!這不是我想要的。

於是,我就打算抄小道。我就不信了,這種東西難不成還能上天???

然後我就去看了原始碼。

突然發現,明明原始碼裡面都有。。。

作為一個集成了對應的js的原始碼= =。網上提供的那種方法對我根本不適用!!網上部落格裡面的內容畢竟不是工程化專案的感覺。

也就是說,其實我要的已經在這個專案裡面了= =。我只需要將它夾出來放到碗裡就好了。

突然無話可說。

好吧,先把這個henan.js引入。

然後我就

下面是效果圖:

我就知道這個世界不會這麼善意!!!!阿西吧介面空白了!!!空白了!!!!根據按需載入的尿性,我重啟了服務。

啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊還是空白!!!!

真的是阿西了個吧!!!

大約過了一個多世紀。我終於找到了問題所在:

居然是中文??????引入中國地圖是‘china’,引入香港地圖是‘HK’,引入河南地圖就變成了‘河南’???

喵喵喵??????,下圖就可以了

附上效果圖:

真相是不是超級簡單!!!

行吧行吧,一次被坑爹的分享。以上方法同樣適用於其他echarts外掛或其他框架(可能實際實現略有不同),拜拜了您嘞。