報表中的地圖怎么做？

在地圖上展現地域相關的數據，是在公共設施管理、交通、電信、城市建設、能源、電力、農業等國民經濟相關的應用系統中是比較常見的直觀圖表形式。以前，如果在報表應用系統中需要顯示地圖相關的信息，開發人員可能會第一時間想到GIS(Geographic Information Software地理信息軟件)，但是GIS的體系較大，需要開發人員定義GIS中被執行的各種任務，開發相應的處理程序。 熟練的操作人員甚至還需要克服GIS軟件功能的不足。事實上，如果只是想做個地圖顯示數據，完全不必要用這么大的牛刀哦！

現在echarts這個小鯨魚做地圖數據呈現可以幫助我們輕松做出地圖數據呈現，而潤乾報表則將echarts腳本集成到了設計器下，在根據類別選好要做的地圖模板后，通過設置下幾個參數，一個數據地圖就輕松完成了。

我們先來看幾個潤乾內置的echarts地圖效果吧!

怎么樣，是不是很酷炫？下面我們再通過一個例子，看看如此酷炫的地圖是不是還需要那么復雜步驟……

1、數據準備

連接數據源，新建報表，增加數據集。不論數據集是采用哪種方式得到的，最終整理好后的數據都應該是下面的格式。哈哈，不用緊張，字段名可以不一樣喲。

注意：第二個字段城市的名字，省份的名字中一定不要出現省市的字樣，例如：北京，不要寫成北京市；黑龍江，不要寫成黑龍江省，否則，會出現對應省市的數據在統計圖中無法對應的情況。

2. 單元格中添加echarts統計圖模板。

（1）選統計圖JS模板

選中需要設為統計圖的單元格，點擊“報表-第三方圖形”菜單項，或者右鍵“菜單-第三方圖形”，在圖形編輯窗口中點擊打開模版按鈕，缺省會直接指向【安裝根目錄】/chart目錄，用戶也可自行切換到模版的存放路徑。

（2）設置統計圖所需參數值。

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

點擊確定后，我們就可以在web端發布報表，看看統計圖的效果了。

3. 在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對應的是陜西。

1. 在jsp中引入對應省份的JS腳本。