FVS中實現擴展圖表輪播聯動

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

1.1 版本

1.2 預期效果

當地圖輪播顯示地理位置時，右側的指標卡和水球圖也能顯示對應地區的資料。

2.1 建立範本

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

2.2 準備資料

在左下方建立兩個資料庫查詢，查詢語句分別為：

ds1：SELECT * FROM GisMap 

ds2：SELECT * FROM GisMap WHERE 區域名='${area}'

ds2 中的參數area是聯動的關鍵，輪播時需透過area參數傳遞地區，使圖表組件獲取到該地區的資料，可自訂初始值。

2.3 設計範本

2.3.1 新增組件

在組件區找到輪播 GIS 點地圖、輪播 KPI 指標卡-電子、水球圖組件，新增到畫布中，調整到合適的佈局。如下圖所示：

2.3.2 綁定圖表資料

GIS點地圖要綁定 ds1 的資料，指標卡和水球圖要綁定含有參數的 ds2 的資料，才可以實現地圖輪播時，指標卡和水球圖根據參數聯動。

1）選中GIS點地圖組件，綁定地圖資料如下圖所示：

2）選中指標卡組件，綁定地圖資料如下圖所示：

3）選中水球圖組件，綁定地圖資料如下圖所示：

2.3.3 設定圖表樣式

選擇「水球圖」，設定「樣式>標題」為公式 =$area+"銷售進度"，讓標題可以隨地區動態展示。

2.4 組件聯動設定

1）選擇「輪播 GIS 點地圖」，在右側點選「交互>新增標籤切換事件」，選擇「組件聯動」。如下圖所示：

2）組件聯動的事件名稱為「聯動圖表」，聯動範圍選擇「全局聯動」，參數名稱為「area」，參數類型為「當前組件欄位」，參數內容選擇「區域名」。如下圖所示：

2.5 效果預覽

儲存範本，點選「預覽」，效果如 1.2 節所示。

注：不支援行動端。

點選下載範本：FVS中實現擴展圖表輪播聯動.fvs