Echarts 3D地圖圖表

需求:實現如圖所示的3D地圖圖表

(1)原本使用的highcharts沒有3d地圖的功能,搜索插件也沒有可替代的方案,選擇echarts理由是在地圖方面百度擁有毋庸置疑的實力

https://blog.csdn.net/GRAY_KEY/article/details/81295961

(2)通過代碼可以輕易寫出例子的效果,但是想要寫特定區域的地圖則需要該地區相對應的json文件,需要通過網址查詢對應地區的城市區劃代碼之後通過網址查詢相關的json文件,詳細步驟如鏈接。

https://blog.csdn.net/GRAY_KEY/article/details/80197527

(3)通過替換json文件即可展示該地區的3D地圖,圖片中在3D地圖的基礎上還有一個柱形圖,然後找到了這個例子,又牽扯到一個維度的問題,是實現過程中最難理解的部分,主要原理就是用visualMap屬性來連接兩個series實現的圖表

https://gallery.echartsjs.com/editor.html?c=xLIkpVNt4M

(4)各個地區板塊之間有一個高度的差異,查到的是通過給regionHeight的大小來實現,但是實際上使用的時候沒有效果,官方文檔寫的也是語焉不詳,之後用height屬性可以實現

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章