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

熱力地圖

1. 概述

1.1 應用場景

熱力地圖是使用地圖作爲背景,用熱力的深淺來展示數據的大小和分布範圍,以及地理範圍内各個點的權重情況。

适合帶有地理位置信息的數據集展現,展現的通常是以某個地區爲單位的彙總的連續信息。如下圖用熱力地圖顯示了各地區震級的高低:

222

1.2 圖表特點

優點:和地圖結合,對數據的地理分步顯示直觀,通過顔色深淺、氣泡大小等容易判斷度量的大小,可以直觀清楚地看到頁面上每一個區域的訪客興趣焦點。

缺點:必須有地理信息,且數據爲彙總數據,氣泡容易疊加,顯示的都是非精确值,氣泡大小和顔色深淺相近時不易分辨,地理面積大小和度量值無關,容易誤讀。

2. 屬性介紹

2.1 類型

以 單元格元素 或 懸浮元素 插入圖表時,圖表類型選擇熱力地圖,如下圖所示:

2020-05-05_16-43-53.png

2.2 數據

熱力地圖數據綁定的設置項如下圖所示:

  • 數據來源:熱力地圖的數據來源,分爲數據集數據、單元格數據兩種。

  • 地理信息:可選擇熱力地圖匹配方式,分爲區域名匹配、經緯度匹配兩種。

  • 經度:熱力地圖對應坐标點的經度。

  • 緯度:熱力地圖對應坐标點的緯度。

  • 區域名:熱力地圖對應坐标點的區域名。

  • 系列名:可選擇使用字段名、使用字段值兩種,此處選擇使用字段名。

2020-05-05_16-57-30.png

2.3 樣式

熱力地圖的基礎樣式設計的詳細介紹可以參見文檔:圖表樣式

熱力地圖的樣式>系列部分設置項跟基礎樣式有所不同,單獨介紹:

2.3.1 熱力點

配置熱力點屬性,包括顔色、樣式、不透明度,如下圖所示:

1.png

1)顔色

熱力圖支持通過漸變色效果展示系列值的大小,詳細介紹參見文檔 圖表系列 的 2.1 節。

2)樣式

  • 渲染半徑:自定義熱力點的半徑大小。

  • 模糊度:自定義熱力點的模糊度。

3)不透明度

自定義熱力點的不透明度,支持設置最大和最小值。

2.3.2 背景區域

設置系列的背景區域屬性,包括顔色和邊框,如下圖所示:

2.png

1)顔色

  • 空值顔色:此處可控制背景區域的空值顔色。

  • 不透明度:此處控制背景區域的不透明度,默認爲 75 。

2)邊框

  • 線型:此處可控制背景區域邊框的線型,分爲無、細線、粗線。

  • 顔色:此處可控制背景區域的顔色。

  • 不透明度:此處可控制背景區域的不透明度。


2.4 特效

熱力地圖特效設置的詳細介紹可以參見文檔:圖表特效

3. 示例

3.1 報表設計

3.1.1 準備數據

新建内置數據集File1,分别記錄地震區域及震級,如下圖所示:
222

3.1.2 插入圖表

合并一片區域單元格,右鍵選擇 A1 單元格,選擇單元格元素>插入圖表>熱力地圖,如下圖所示:
222

3.1.3 數據綁定

綁定圖表數據,選擇經緯度定位,如下圖所示:

2020-05-05_17-26-29.png

3.1.4 樣式設計

1)選擇樣式>系列>熱力點,設置區間連續漸變效果,并自定義渲染半徑和模糊度,如下圖所示:

注:其中渲染半徑越大,則熱力區域的展示範圍越大;模糊度越大,則熱力邊界的模糊程度越高。不透明度最小和最大,對應圖形中最小值和最大值的不透明度。

Snag_4369511b.png

3)選擇樣式>系列,此處設置背景區域,如下圖所示:

2020-05-05_17-07-06.png

3.2 效果預覽

1)PC端

保存模板,點擊分頁預覽,效果如下圖所示:

Snag_29c2d91d.png

2)移動端

1588926109769038.jpg

4. 模板下載

已完成模板可參考%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\Advanced\Chart\NewHeatMap\HeatMap.cpt 

點擊下載模板:熱力地圖.cpt

附件列表


主題: 原簡體文檔
已經是第一篇
已經是最後一篇
  • 有幫助
  • 沒幫助
  • 只是瀏覽

文 檔回 饋

滑鼠選中內容,快速回饋問題

滑鼠選中存在疑惑的內容,即可快速回饋問題,我們將會跟進處理。

不再提示

7s后關閉

反饋已提交

網絡繁忙