報表中的地圖怎麼作？

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

如今echarts這個小鯨魚作地圖數據呈現能夠幫助咱們輕鬆作出地圖數據呈現，而潤乾報表則將echarts腳本集成到了設計器下，在根據類別選好要作的地圖模板後，經過設置下幾個參數，一個數據地圖就輕鬆完成了。

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

怎麼樣，是否是很酷炫？下面咱們再經過一個例子，看看如此酷炫的地圖是否是還須要那麼複雜步驟……

一、數據準備

鏈接數據源，新建報表，增長數據集。不論數據集是採用哪一種方式獲得的，最終整理好後的數據都應該是下面的格式。哈哈，不用緊張，字段名能夠不同喲。

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

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

（1）選統計圖JS模板

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

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

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

點擊肯定後，咱們就能夠在web端發佈報表，看看統計圖的效果了。

3. 在jsp中引入中國地圖的js.

Echarts.jsp在demo/reportJsp目錄下，在該頁面中已經帶有中國的js了，以下圖所示。

若是是其餘省份的地圖要對應在該頁面中添加。

4. Web端查看效果。

內置tomcat啓動的狀況下點擊IE圖標，在瀏覽器中就能夠看到咱們直接經過模板作出的地圖了。

作省份的地圖和國家地圖，步驟也相同，如今我擴展下，簡單說下：

• 省份的JS所在的目錄是：raqsoft_180514_2\report\web\webapps\demo\raqsoft\echarts3\map\js\province。
  

這個目錄下省份的JS文件名稱都是對應省份的全拼，如：寧夏回族自治區對應「ningxia」.這樣就出現山西和陝西同名的狀況，shanxi.js對應的是山西，shanxi1.js對應的是陝西。

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