echarts中國地圖實例

echarts中國地圖是工作中在大數據可視化中必用的一塊

工具/原料

webstorm

方法/步驟

創建地圖模板文件:1echarts地圖模板1.html 代碼如圖:

複製1echarts地圖模板1.html並改名2echarts地圖原型.html

地圖組件下載:http://echarts.baidu.com/download-map.html

選擇下載中國地圖,下載JS文件,將china.js拷貝到咱們站點的js目錄下

在文件中引入中國地圖js

參考官實例網址:http://echarts.baidu.com/examples.html#chart-type-map

雙擊進入iphone銷量那個,複製其中json部分和randomData

函數到剛建的文件中:

預覽即可

複製2echarts地圖原型.html並改名為3echarts地圖綁定投訴量數據.html

a.刪除series中data中的二個{},留一個數據即可,複製D003數據到series的data處

b.把title改為"各省投訴量對比"

c.legend部份,刪除二個留一個,(且要和series中name部分相同)

最終效果如圖:

相關文章

  1. Flash入門實例:[17]如何製作中國地圖動畫?

    Flash入門實例第17篇,如何製作中國地圖動畫?學習按鈕元件的製作,及Flash基礎綜合練習. 工具/原料 Flash軟體 圖片素材 方法/步驟 打開Flash軟體,新建Flash文檔,背景顏色,尺 ...
  2. 在網頁中插入百度地圖(實例)

    如何在網頁中插入百度地圖呢? 2.切換城市,搜尋需標註位置.(如下圖 方法/步驟 1.進入:http://dev.baidu.com/wiki/static/map/API/tool/creatMap ...
  3. WPS(word或PPT)中如何快速插入高清中國地圖?

    WPS里有一個特殊的快捷插入工具,可以讓我們快速的插入特殊的常用圖標.比如中國地圖.安卓小人.微軟logo等,還可以插入一些其他矢量圖形. 下面,小編仔細說說這一過程如何實現. 工具/原料 WPS 方 ...
  4. 自製銷售分布中國地圖

    很多銷售總監估計會有這樣的經歷,每個季度需要統計銷售數據,分析各個地區的銷售情況以及整個中國區的細況,迫切需要製作一張銷售分布圖,可以插入到ppt中,作為會議講解,以便在下個季度對銷售做統籌部署.下面 ...
  5. 怎樣利用ArcGIS軟體畫中國地圖

    ArcGIS是一款顯示直觀.功能強大的空間分析軟體,它在地理學空間分析中起著重要的作用,然而還有相當一部分人對它還不熟悉,因此,本文就利用該軟體做出一副中國的地圖,以起到拋磚引玉的作用,也讓大家對這個 ...
  6. 教你怎麼熟悉記住中國地圖

    不知不覺,畢業已是一年有餘,隨著離開學校的時日越長,越是懷念在學校的日子. 當然在這裡不是為了回憶學校的美好生活,而是跟你分享怎麼樣,更好的熟悉我們的世界,讓你走到哪裡都知道自己身處哪裡,跟我一起來吧 ...
  7. Word2003中製作立體中國地圖

    因工作需要,有時候需要用到立體的中國地圖,但手頭沒有相關素材,想了想,就用word試著做了一個,效果還不錯,基本達到要求,最重要的是方便快捷,不需要另外安裝其它軟體. 工具/原料 Word2003 方 ...
  8. 用R畫中國地圖時如何把南海做成小圖

    使用R語言繪圖 是一項非常有效率的事,因為其具備很多很全的功能,matlab也是一款繪製地圖的實用軟體,前提是把該安裝的軟體包給裝好. 工具/原料 R matlab 數據 方法/步驟 簡單介紹一個例子 ...
  9. 如何繪製簡單的中國地圖

    小夥伴們,我們偉大的祖國很大,所以繪製簡單的中國地圖是需要技巧的,讓我們來看看吧-ˊ_>ˋ 工具/原料 一張紙 一支筆 方法/步驟 如何繪製呢? 首先新疆西藏內蒙古,就是一個下彎的圓弧,左上角一 ...
  10. 如何在PPT里插入中國地圖—可改顏色、顯示數值

    在PPT里插入的地圖,可以放大縮小,可以查看具體的數值,非常棒.地圖的樣式也可以多種多樣,比如按照顏色顯示,按照氣泡大小區分等.有中國地圖.各省的地圖.還有世界地圖. 以下三步就可以把動態的地圖插入到 ...
  11. Echarts導入地圖

    在Echarts的開發中,我們常常需要導入各個省及地市的地圖.Echarts內置的地圖種類比較少,如果想加入其他地方的地圖,需要先進行相關的導入工作. 方法/步驟 首先從Echarts官網下載相關地圖 ...
  12. 使用sketchup繪製中國地圖置物架書架

    使用sketchup繪製中國地圖置物架書架,看似複雜,其實很容易實現,再藉助3D列印技術可以輕鬆變為現實.當然,這裡我只是粗略做了一下,僅供參考. 工具/原料 sketchup 方法/步驟 切換到頂視 ...
  13. 【excel圖表】如何製作中國地圖背景數據氣泡圖

    在一些商務PPT,經常能夠看見以中國或世界地圖作為背景的圖表,並且使用氣泡圖反映數據的大小,如下圖所示.本經驗主要敘述如何實現這樣的氣泡圖. 工具/原料 Microsoft Excel 2010 方法 ...
  14. MATLAB中mapping toolbox描繪中國地圖

    MATLAB的繪圖功能十分強大,不僅能作出各種各樣的統計學和數值分析的二維三維圖,還可以用mapping toolbox描繪出中國甚至世界的地圖. 工具/原料 MATLAB軟體 方法/步驟 a = w ...
  15. 如何製作中國地圖的熱力地圖?

    熱力地圖就是將數據與地圖區域結合,以不同顏色亮度的形式顯示區域的數據範圍以及不同區域之間的結果對比.常用於分析一個整體區域中不同區域所處的結果範圍和區域間的結果對比分析. 工具/原料 電腦 Excel ...
  16. WPS文字如何輸入中國地圖

    WPS文字是一款辦公軟體,該軟體在文字編輯和輸入方面是非常優秀的,我們在使用該軟體製作文本時,常常需要輸入一些特殊的符號和形狀,下面我們就來看看使用該軟體如何輸入中國地圖的吧. 工具/原料 使用軟體: ...
  17. 怎麼在電腦上繪製中國地圖和世界地圖

    製作精確度要求不高的中國地圖. 工具/原料 電腦 方法/步驟 搜尋"國家測繪地理信息局"網站,點擊進入. 進入"國家測繪地理信息局"網站.如圖.將網頁拉到底.找 ...
  18. d3全國省份地圖實例

    很多人認為D3.js做全國省份地圖不容易.今天咱們細說一下 工具/原料 webstorm 方法/步驟 新建5全國省份地圖實例.html 獲取地圖所需要的getjson數據//1.獲取地圖所需要的geo ...
  19. 巧記中國地圖——各省輪廓

    中國疆域遼闊,有34個省級行政區之多,下面小編給各位介紹一些省的巧記方法--聯想法. 方法/步驟 1動物類 黑龍江--像一隻展翅的天鵝 山東--像一隻飛翔的野鴨 2圖形類 山西--想一個平行四邊形 3 ...
  20. jQuery+html5+svg中國地圖懸停顯示省市

    jQuery+html5+svg中國地圖懸停顯示省市 工具/原料 adobe dreamweaver 方法/步驟 新建html文檔. 書寫hmtl代碼. <div class="wra ...