關於在echarts/ngx-echarts中引入省份地圖簡易實現
由於不可抗力的因素,echarts給了我一個親切的警告。
於是,從沒有認真看過echarts地圖實現的我,心態炸了。
那麼,如何來解決這個問題呢?
按照我超級清麗的畫風和長時間的程式碼編輯習慣,那一定是~百度啦~
附上我第一個檢視的網址:
JSON檔案???我還要去找一份JSON檔案???我是不是還要將這份JSON轉成js檔案讓他生效是不是有毒,是不是有毒!!!深井冰吧啊啊啊啊啊!!!
而且script標籤裡面寫的這是個什麼鬼???這種echarts方法我感覺ngx-echarts裡面不支援啊啊啊啊啊啊啊啊啊????
好的,其實我沒有嘗試這種寫法,因為我不知道這個echarts怎麼init出來。一切需要走echarts這個方法的我都不敢嘗試。嘖嘖嘖,起因是我的寫法裡面的setOption是整合到標籤裡面進行雙向繫結而不是這種寫法。我的頁面寫法如圖所示。
這個部落格看起來就是讓我很GG的寫法。一臉懵逼。不不不!!!這不是我想要的。
於是,我就打算抄小道。我就不信了,這種東西難不成還能上天???
然後我就去看了原始碼。
突然發現,明明原始碼裡面都有。。。
作為一個集成了對應的js的原始碼= =。網上提供的那種方法對我根本不適用!!網上部落格裡面的內容畢竟不是工程化專案的感覺。
也就是說,其實我要的已經在這個專案裡面了= =。我只需要將它夾出來放到碗裡就好了。
突然無話可說。
好吧,先把這個henan.js引入。
然後我就
下面是效果圖:
我就知道這個世界不會這麼善意!!!!阿西吧介面空白了!!!空白了!!!!根據按需載入的尿性,我重啟了服務。
啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊還是空白!!!!
真的是阿西了個吧!!!
大約過了一個多世紀。我終於找到了問題所在:
居然是中文??????引入中國地圖是‘china’,引入香港地圖是‘HK’,引入河南地圖就變成了‘河南’???
喵喵喵??????,下圖就可以了
附上效果圖:
真相是不是超級簡單!!!
行吧行吧,一次被坑爹的分享。以上方法同樣適用於其他echarts外掛或其他框架(可能實際實現略有不同),拜拜了您嘞。