當前為5.1版本文檔,更多實例內容將在最新幫助文檔中展現,點選跳轉至 最新版幫助文檔

流向地圖

1. 概述

1.1 應用場景

流向地圖在地圖上顯示資訊或實體從一個位置到另一個位置的行動及其數量。通常用來顯示人物、動物和產品的遷移資料。單一流向線所代表的行動規模或數量由其粗細度表示,有助顯示遷移活動的地理分佈。

流向地圖多應用於區際貿易、交通流向、人口遷移、購物消費行為、通訊資訊流動、航空線路等場景,也可應用企業貨物運輸,供應鏈管理。

例如,春運遷徙人員的運動路徑如下圖所示:

5.gif

1.2 基本要求

圖表效果欄位
流向地圖  兩個地理維度、1個維度

1.3 圖表特點

優點:適合展現地理空間內事物發生位置行動時所對應資料的變化情況。

缺點:不適合展示精確數值。

2. 範例一:兩個點的流向地圖

2.1 資料說明

下載範例資料:春運遷徙資料 .xlsx

流向地圖的幾個必要欄位:

地理欄位:例如下圖中的「城市」,轉為地理角色後可獲得經度和緯度。

注:使用者也可用經緯度資料製作地圖,詳情可參見:指標轉化為地理角色

遷徙線路:對應每條遷徙的路徑,比如南京-三亞市,南京-中衛市,每條路徑包含兩個城市。

編號:用於定義遠端順序,順序為從小數值連到大數值。例如南京的編號為 0 ,三亞市的為 1 ,路線「南京市-三亞市」的遠端順序是從南京連到三亞。

2.2 匯入資料

1)點選「資料準備」,選擇一個業務包進入,點選「新增表>Excel資料集」。如下圖所示:

2)上傳「春運遷徙資料」。如下圖所示:

2.3 建立流向地圖

2.3.1 新增組件

1)點選「儀表板>建立儀表板」,點選「確定」。如下圖所示:

2)點選「新增組件」,選擇「春運遷徙資料」。如下圖所示:

2.3.2 將欄位轉化為地理角色

製作地圖組件都需要有地理欄位,選擇「城市下拉>地理角色>城市」,將「城市」欄位與系統的地理資訊相匹配。點選「確定」。如下圖所示:

2.3.3 製作流向地圖

1)選擇圖表型別為「流向地圖」,將城市經度欄位拖入到橫軸,城市緯度欄位拖入到縱軸,編號欄位拖入到遠端屬性,遷徙線路城市欄位拖入到細粒度屬性。如下圖所示:

注:細粒度欄中,「遷徙路線」必須在「城市」上方。

2)將「遷徙人數」拖入顏色欄中,並將漸變方案更改為「極光」,如此遷徙人數的多少就可以映射到遠端的顏色上。如下圖所示:

2.4 美化流向地圖

2.4.1 設定遠端樣式

點選「遠端」欄,設定遠端為「曲線」,標記點為「無」。如下圖所示:

2.4.2 設定閃爍動畫

1)對遠端屬性下的「編號」欄位選擇「下拉>特殊顯示>閃爍動畫」。如下圖所示:

2)點選「新增」,選擇閃爍的時間間隔為 8 秒,點選「確定」。如下圖所示:

2.4.3 隱藏圖例

在「組件樣式」下,不勾選「顯示全部圖例」。如下圖所示:

2.4.4 修改 GIS 背景

點開「背景」,將 GIS 背景改為深藍。如下圖所示:

2.5 效果查看

2.5.1 PC 端

5.gif

2.5.2 行動端

App 及 HTML5 端效果如下圖所示:

2.jpg

3. 範例二:兩個以上點的流向地圖

3.1 資料說明

下載範例資料:高鐵路段表.xlsx

流向地圖的幾個必要欄位:

地理欄位:例如下圖中的經度、緯度。

注:兩個點以上的流向地圖,地理欄位不能為國家、省份、城市等正文欄位,否則新增特殊效果後,遠端流向方向會錯亂。

遷徙路線:高鐵線路,如下圖中的南京到杭州、杭州到寧波、寧波到深圳。

編號:用於定義遠端順序,順序為從小數值連到大數值。例如南京市的編號為 0 ,杭州市的為 1 ,路線「南京市-杭州市」的遠端順序是從南京連到杭州。

3.2 匯入資料

1)點選「資料準備」,選擇一個業務包進入,點選「新增表>Excel資料集」。如下圖所示:

2)將「編號」欄位型別修改為「正文」,點選「確定」。如下圖所示:

3.3 建立流向地圖

3.3.1 新增組件

1)點選「儀表板>建立儀表板」,點選「確定」。如下圖所示:

2)點選「新增組件」,選擇「高鐵路段表」。如下圖所示:

3.3.2 將欄位轉化為地理角色

1)選擇「經度下拉>地理角色>經度」。如下圖所示:

2)選擇「緯度下拉>地理角色>緯度」。如下圖所示:

3.3.3 製作流向地圖

1)選擇圖表型別為「流向地圖」,將經度欄位拖入到橫軸,緯度欄位拖入到縱軸,編號欄位拖入到遠端屬性,高鐵線路欄位拖入到細粒度屬性。如下圖所示:

2)將「長度」欄位拖入到顏色屬性中,設定顏色,漸變方案選擇「炫彩」。如下圖所示:

3)點選顏色屬性框中「長度」欄位下拉框,設定閃爍動畫。如下圖所示:

4)設定線條粗細。如下圖所示:

3.4 效果查看

3.4.1 PC 端

6.gif

3.4.2 行動端

App 及 HTML5 端效果如下圖所示:

3.jpg

附件列表


主題: 构建图表和分析数据
已經是第一篇
已經是最後一篇
  • 有幫助
  • 沒幫助
  • 只是瀏覽
  • 评价文档,奖励 1 ~ 100 随机 F 豆!