在報表工具中怎么使用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 圖標，在瀏覽器中就可以看到我們直接通過模板做出的地圖了。

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

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

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

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

到此，相信大家對“在報表工具中怎么使用echarts繪制地圖”有了更深的了解，不妨來實際操作一番吧！這里是億速云網站，更多相關內容可以進入相關頻道進行查詢，關注我們，繼續學習！