1. 概述
1.1 版本
報表伺服器版本 |
---|
11.0 |
1.2 應用場景
當我們想要查看某個「特定位置」的資料時,用地圖實現起來會比較複雜,並且精準性不高,那麼就可以使用點地圖透過定位經緯度快速定位到準確位置。
FineReport 中常用的點地圖樣式包括:定位點地圖、散點地圖、氣泡地圖。展示效果分別如下:
定位點地圖
散點地圖
氣泡地圖
1.3 圖表特點
優點:與地圖結合,對資料的地理分佈顯示直覺,可精準定位。
缺點:不適合多資料集中展示,不容易區分。
1.4 應用實體
決策報表中可使用 組件複用 功能,下載安裝組件後,直接更換資料即可快速複用組件樣式,實現點地圖效果。
更多點地圖的範例,可參見 帆軟市場-組件 / 設計器→線上組件庫。
組件下載連結 | 描述 | 效果圖 |
---|---|---|
點地圖-淺色 | 1)該組件適用於淺色簡約風格範本 2)透過定位經緯度,散點可以精準快速定位到位置。 和地圖結合,對資料的地理分步顯示直覺 | ![]() |
定位點地圖-未來風 | 1)該組件適用於未來風風格範本 2)使用圖片自訂點地圖的標記點,一個定位點代表一個區域,用來展示各區域資料的分佈情況 | ![]() |
2. 範例
下面將以範例的方式為大家講解點地圖的基本設定。
2.1 資料準備
這裏提供一份 Excel 資料,記錄了 10 個旅遊景點對應的經緯度和旅遊熱度,僅作為範例資料使用,不具備真實意義。
1)點選下載資料:點地圖資料.xlsx ,並將下載的 Excel 放到路徑 %FR_HOME%\webapps\webroot\WEB-INF\reportlets下。
2)建立普通報表,建立 檔案資料集「景點位置」,檔案類型選擇「Excel」,選擇下載好的資料。如下圖所示:
資料集資料如下圖所示:
注:範例範本為了方便使用者查看直接使用的內建資料集。
2.2 插入圖表
1)為了展示地圖時不分頁,先在菜單欄「範本> 頁面設定 」中將紙張大小調整大一些。
2)合併一片儲存格區域,被選儲存格,點選工具欄 插入圖表,選擇「地圖>點地圖」。如下圖所示:
2.3 設計地圖
選中地圖所在儲存格,點選右側屬性面板「儲存格元素」,可設定地圖的各個屬性:類型、資料、樣式、特效。
2.3.1 圖層設定
選擇「類型」, 地圖點選擇「中國」,GIS 圖層選擇「自訂>深藍」。
注:點地圖單獨使用時,「GIS 圖層」為「無」不支援顯示邊框,需在組合地圖中結合區域地圖,將區域地圖的圖層設定為無,實現顯示固定邊框的效果。
2.3.2 綁定資料
點地圖綁定資料時,地理資訊的匹配方式有兩種:
區域名匹配:根據地圖上的區域名匹配資料集中資料以及顯示定位點。
經緯度定位:根據經緯度顯示定位點,區域名根據資料集中欄位顯示。
使用「區域名匹配」時需要注意:區域名右側有一個設定按鈕 ,點選會彈出「區域名匹配」設定框。預設會將資料集中的區域名跟地圖內建區域名自動進行 模糊匹配 ,未匹配到時也可以自訂匹配關係。例如地圖點選擇「中國」,則匹配區域名時可匹配各個省份。而本例所示資料,則需要將各個景區匹配到各自所屬省份。如下圖所示:
本範例使用「經緯度定位」,無需匹配區域名,具體設定如下圖所示:
2.3.3 設定標籤
選擇「樣式>標籤」,勾選「使用標籤」,文字內容勾選「區域名」,字元為「跟隨主題」,即標籤的字體樣式、顏色等跟隨主題顯示。
2.3.4 設定系列
1)點選「樣式>系列」,顏色 設定保持預設。
2)「標記點>點樣式」可選擇定位點、散點、氣泡和自訂圖片。
定位點:可設定定位點的高度,預設為 22 px 。
散點:可設定散點的類型和半徑 。
氣泡:可設定氣泡的最小直徑、最大直徑、陰影以及負氣泡的展示。系列的資料越大,氣泡越大。
1.2 節中已經展示了定位點地圖、散點地圖和氣泡地圖,所以這裏我們選擇「自訂圖片」。
上傳圖片後,自訂圖片的寬高,使其比例大小合適即可。
注:點樣式為「自訂圖片」時不支援「閃爍動畫」。
2.4 效果預覽
2.4.1 PC 端
儲存報表,點選「分頁預覽」,效果如下圖所示:
2.4.2 行動端
App 端和 HTML5 端均支援,效果如下圖所示:
3. 範本下載
點選下載範本:點地圖.cpt