多系列地圖

1.1 版本

1.2 應用場景

當地圖資料的系列名選擇「欄位名」，並設定了多個系列時，我們稱它為多系列地圖。如下圖所示：

多系列地圖的特點是，可設定多個系列的「標籤」或「提示」同時顯示。那麼前端展示時多個系列是按什麼順序進行疊加的呢？使用不同類型的圖例時，會對多系列的配色、標籤和資料點提示有什麼影響呢？本文將詳細介紹地圖多系列設定及其展示效果。

我們以區域地圖為例，先處理好範本的基礎設定、給地圖綁定好資料，再分別介紹多系列地圖顏色、標籤和提示的設定及效果。

2.1 設計範本

2.1.1 資料準備

建立決策報表，建立內建資料集，資料如下圖所示：

2.1.2 插入地圖

將地圖拖入到 body 中，選擇區域地圖，地圖邊框選擇「安徽省」，GIS 圖層選擇「標準>無」。如下圖所示：

2.1.3 設定 body 背景

給 body 設定一個深藍色背景

2.1.4 綁定資料

選擇內建資料集，區域名為「區域」，設定系列名使用「欄位名」，綁定 3 個欄位。如下圖所示：

2.2 設定系列顏色

2.2.1 顏色劃分為系列

當圖表屬性「樣式>系列>顏色劃分」選擇「系列」時，如下圖所示：

前端展示時，地圖顏色預設顯示第一個系列的顏色，點選 圖例 可實現隱藏和顯示該系列，如下圖所示：

2.2.2 顏色劃分為值

當圖表屬性「樣式>系列>顏色劃分」選擇「值」時，可設定連續漸變或區域漸變，如下圖所示：

前端預覽時，地圖顏色採用漸變色的主題顏色，無論是連續漸變還是區域漸變，其漸變的範圍值均是由第一個系列決定的。如下圖所示：

• 連續漸變

• 區域漸變

2.3 標籤和提示

2.3.1 屬性

注：在 10.0.18 版本之前的設計器中，「標籤」不支援顯示所有系列，預設只顯示第一個系列，想要顯示多個系列可參考文檔 自訂地圖示籤和提示點位置 。

2.3.2 功能設定

點選「樣式>標籤」，設定如下圖所示：

點選「樣式>提示」，設定如下圖所示：

2.3.3 效果預覽

預覽時標籤和提示均顯示所有系列，透過點選 圖例 可實現系列的顯示與隱藏。

注：App 端和 HTML5 端預覽效果與 PC 端一致。

• 顏色劃分為系列：標籤和提示內容會隨着圖例的隱藏而隱藏。

• 顏色劃分為值>連續漸變：隨着圖例的隱藏，地圖對應區域隱藏，標籤和提示同樣被隱藏。

• 顏色劃分為值>區域漸變：隨着圖例的隱藏，地圖對應區域隱藏，標籤和提示同樣被隱藏。

3.1 點地圖

點地圖的多系列設定和顯示原理跟區域地圖完全一致，如下圖所示：

3.2 流向地圖

流向地圖的線條顏色的顯示原理與區域地圖相反，預覽時，最終顯示最後一個系列的顏色，如下圖所示：

3.3 組合地圖

組合地圖的顏色顯示順序和系列設定方法是上面介紹的三種地圖的組合，也就是雖然組合成一個地圖，但是系列顏色顯示仍然採用各自的邏輯。且點地圖的系列始終顯示在區域地圖和流向地圖系列的上方，流向地圖系列始終顯示在區域地圖系列的上方。如下圖所示：

點選下載範本：多系列區域地圖.frm