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

專注于為中小企業(yè)提供成都網(wǎng)站設(shè)計、做網(wǎng)站、成都外貿(mào)網(wǎng)站建設(shè)公司服務(wù),電腦端+手機端+微信端的三站合一,更高效的管理,為中小企業(yè)綏德免費做網(wǎng)站提供優(yōu)質(zhì)的服務(wù)。我們立足成都，凝聚了一批互聯(lián)網(wǎng)行業(yè)人才，有力地推動了1000+企業(yè)的穩(wěn)健成長，幫助中小企業(yè)通過網(wǎng)站建設(shè)實現(xiàn)規(guī)模擴(kuò)充和轉(zhuǎn)變。

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

我們先來看幾個潤乾內(nèi)置的echarts地圖效果吧!

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

1、數(shù)據(jù)準(zhǔn)備

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

注意：第二個字段城市的名字，省份的名字中一定不要出現(xiàn)省市的字樣，例如：北京，不要寫成北京市；黑龍江，不要寫成黑龍江省，否則，會出現(xiàn)對應(yīng)省市的數(shù)據(jù)在統(tǒng)計圖中無法對應(yīng)的情況。

2. 單元格中添加echarts統(tǒng)計圖模板。

（1）選統(tǒng)計圖JS模板

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

（2）設(shè)置統(tǒng)計圖所需參數(shù)值。

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

點擊確定后，我們就可以在web端發(fā)布報表，看看統(tǒng)計圖的效果了。

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

Echarts.jsp在demo/reportJsp目錄下，在該頁面中已經(jīng)帶有中國的js了，如下圖所示。

如果是其他省份的地圖要對應(yīng)在該頁面中添加。

4. Web端查看效果。

內(nèi)置tomcat啟動的情況下點擊IE圖標(biāo)，在瀏覽器中就可以看到我們直接通過模板做出的地圖了。

做省份的地圖和國家地圖，步驟也相同，現(xiàn)在我擴(kuò)展下，簡單說下：

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

這個目錄下省份的JS文件名稱都是對應(yīng)省份的全拼，如：寧夏回族自治區(qū)對應(yīng)“ningxia”.這樣就出現(xiàn)山西和陜西同名的情況，shanxi.js對應(yīng)的是山西，shanxi1.js對應(yīng)的是陜西。

1. 在jsp中引入對應(yīng)省份的JS腳本。