復雜 電信 城市 瀏覽器中 寧夏 roc 我們 proc .cn

在地圖上展現地域相關的數據，是在公共設施管理、交通、電信、城市建設、能源、電力、農業等國民經濟相關的應用系統中是比較常見的直觀圖表形式。以前，如果在報表應用系統中需要顯示地圖相關的信息，開發人員可能會第一時間想到GIS(Geographic Information Software地理信息軟件)，但是GIS的體系較大，需要開發人員定義GIS中被執行的各種任務，開發相應的處理程序。 熟練的操作人員甚至還需要克服GIS軟件功能的不足。事實上，如果只是想做個地圖顯示數據，完全不必要用這麽大的牛刀哦！
現在echarts這個小鯨魚做地圖數據呈現可以幫助我們輕松做出地圖數據呈現，而潤乾報表則將echarts腳本集成到了設計器下，在根據類別選好要做的地圖模板後，通過設置下幾個參數，一個數據地圖就輕松完成了。
我們先來看幾個潤乾內置的echarts地圖效果吧!

怎麽樣，是不是很酷炫？下面我們再通過一個例子，看看如此酷炫的地圖是不是還需要那麽復雜步驟……
1.數據準備
連接數據源，新建報表，增加數據集。不論數據集是采用哪種方式得到的，最終整理好後的數據都應該是下面的格式。哈哈，不用緊張，字段名可以不一樣喲。

註意：第二個字段城市的名字，省份的名字中一定不要出現省市的字樣，例如：北京，不要寫成北京市；黑龍江，不要寫成黑龍江省，否則，會出現對應省市的數據在統計圖中無法對應的情況。
2.單元格中添加echarts統計圖模板。
（1）選統計圖JS模板
選中需要設為統計圖的單元格，點擊“報表-第三方圖形”菜單項，或者右鍵“菜單-第三方圖形”，在圖形編輯窗口中點擊打開模版按鈕，缺省會直接指向【安裝根目錄】/chart目錄，用戶也可自行切換到模版的存放路徑。

（2）設置統計圖所需參數值。
參數列表中的參數值可以引用數據集數據，是通過潤乾報表提供的json@a()函數將數據集轉換成二維數組的json串。具體參考教程中json函數說明。

點擊確定後，我們就可以在web端發布報表，看看統計圖的效果了。
3.在echarts.jsp中引入中國地圖的js.
Echarts.jsp在demo/reportJsp目錄下，在該頁面中已經帶有中國的js了，如下圖所示。
如果是其他省份的地圖要對應在該頁面中添加。

4.Web端查看效果。
內置tomcat啟動的情況下點擊IE圖標，在瀏覽器中就可以看到我們直接通過模板做出的地圖了。

做省份的地圖和國家地圖，步驟也相同，現在我擴展下，簡單說下：

1.省份的JS所在的目錄是：raqsoft_180514_2\report\web\webapps\demo\raqsoft\echarts3\map\js\province。
這個目錄下省份的JS文件名稱都是對應省份的全拼，如：寧夏回族自治區對應“ningxia”.這樣就出現山西和陜西同名的情況，shanxi.js對應的是山西，shanxi1.js對應的是陜西。
2.在echartjs.jsp中引入對應省份的JS腳本。
原文發布在潤乾乾學院，地址為：http://c.raqsoft.com.cn/article/1533395519437?r=shiguang

地圖報表怎麽做？