FVS使用範本參數動態展示區域地圖

適用場景：安裝了「FineVis資料視覺化」插件的使用者，可參考本文了解 FineVis 的相關功能。

1.1 版本

1.2 預期效果

本文將介紹 FVS 範本中使用範本參數來動態顯示區域地圖，預覽效果如下圖所示：

1.3 實現思路

• 方法一：透過表格設定動態參數類型的超連結實現點選表格中的省份可以讓地圖展示對應的區域資料。

• 方法二：透過標題新增參數實現點選省份標題可以展示對應的地圖區域的資料。

2.1 新建範本

點選設計器左上角「檔案>建立視覺化看板」，建立一張空白看板，可自訂名稱和尺寸。如下圖所示：

2.2 準備資料

1）建立資料集 ds1，資料庫查詢語句為：select distinct pid from 地圖 limit 10。

2）建立資料集 ds2，資料庫查詢語句為：select * from 地圖 where pid='${area}'。

2.3 設置地圖組件

1）點選組件區「圖表>地圖類>區域地圖」，將其新增到畫布中。如下圖所示：

2）編輯地圖，如下圖設定地圖資料。

3）點選設計器頂部工具欄「範本>範本參數」新增一個範本參數，命名為「地圖邊框」，預設值選擇公式，輸入 "geographic/world/中國/"+$area。

注：預設值中的路徑為其安裝路徑，如下圖所示。

4）最後如下圖修改地圖的「地圖邊框」，如下圖所示：

2.4 設置聯動

2.4.1 方法一

注：使用者可以選擇透過表格或者標題來實現，即方法一和方法二選擇一個即可。

1）點選組件區「文字>表格」，新增一個表格組件，進入編輯介面，將資料拖入A1儲存格中。如下圖所示：

2）給 A1 儲存格新增動態參數類型的超級連結，設定參數為 area，值為公式 $$$。設定後點選儲存格即可實現動態參數聯動。如下圖所示：

3）傳回畫布後，調整組件尺寸和佈局。如下圖所示：

2.4.2 方法二

1）新增一個標題，將「標題內容」更改為「安徽省」。如下圖所示：

2）給標題新增點選事件，並且設定相應的參數，設定參數名為 area，值為自訂內容「安徽省」。如下圖所示：

3）依次新增標題：每個標題的「標題內容」為 ds1 資料集裏各個省份的名稱，並且每個標題都需要設定參數。參數設定如下圖所示：

注：其中，每個標題的參數名都為 area，參數內容需要改為對應標題的省份名稱。

4）最後調整組件尺寸和佈局。如下圖所示：

2.5 效果預覽

2.5.1 PC端

點選右上角「預覽」。效果如 1.2 節預期效果所示。

2.5.2 行動端

預覽方式請參考 FVS行動端預覽 ，效果如下圖所示：

點選下載範本：FVS使用範本參數動態展示區域地圖.fvs

範本中的頁面1、頁面2分別對應方法一和方法二