1. 概述
1.1 應用場景
熱力地圖是使用地圖作爲背景,用熱力的深淺來展示數據的大小和分布範圍,以及地理範圍内各個點的權重情況。
适合帶有地理位置信息的數據集展現,展現的通常是以某個地區爲單位的彙總的連續信息。如下圖用熱力地圖顯示了各地區震級的高低:
1.2 圖表特點
優點:和地圖結合,對數據的地理分步顯示直觀,通過顔色深淺、氣泡大小等容易判斷度量的大小,可以直觀清楚地看到頁面上每一個區域的訪客興趣焦點。
缺點:必須有地理信息,且數據爲彙總數據,氣泡容易疊加,顯示的都是非精确值,氣泡大小和顔色深淺相近時不易分辨,地理面積大小和度量值無關,容易誤讀。
2. 屬性介紹
2.1 類型
以 單元格元素 或 懸浮元素 插入圖表時,圖表類型選擇熱力地圖,如下圖所示:
2.2 數據
熱力地圖數據綁定的設置項如下圖所示:
數據來源:熱力地圖的數據來源,分爲數據集數據、單元格數據兩種。
地理信息:可選擇熱力地圖匹配方式,分爲區域名匹配、經緯度匹配兩種。
經度:熱力地圖對應坐标點的經度。
緯度:熱力地圖對應坐标點的緯度。
區域名:熱力地圖對應坐标點的區域名。
系列名:可選擇使用字段名、使用字段值兩種,此處選擇使用字段名。
2.3 樣式
熱力地圖的基礎樣式設計的詳細介紹可以參見文檔:圖表樣式
熱力地圖的樣式>系列部分設置項跟基礎樣式有所不同,單獨介紹:
2.3.1 熱力點
配置熱力點屬性,包括顔色、樣式、不透明度,如下圖所示:
1)顔色
熱力圖支持通過漸變色效果展示系列值的大小,詳細介紹參見文檔 圖表系列 的 2.1 節。
2)樣式
渲染半徑:自定義熱力點的半徑大小。
模糊度:自定義熱力點的模糊度。
3)不透明度
自定義熱力點的不透明度,支持設置最大和最小值。
2.3.2 背景區域
設置系列的背景區域屬性,包括顔色和邊框,如下圖所示:
1)顔色
空值顔色:此處可控制背景區域的空值顔色。
不透明度:此處控制背景區域的不透明度,默認爲 75 。
2)邊框
線型:此處可控制背景區域邊框的線型,分爲無、細線、粗線。
顔色:此處可控制背景區域的顔色。
不透明度:此處可控制背景區域的不透明度。
2.4 特效
熱力地圖特效設置的詳細介紹可以參見文檔:圖表特效
3. 示例
3.1 報表設計
3.1.1 準備數據
新建内置數據集File1,分别記錄地震區域及震級,如下圖所示:
3.1.2 插入圖表
合并一片區域單元格,右鍵選擇 A1 單元格,選擇單元格元素>插入圖表>熱力地圖,如下圖所示:
3.1.3 數據綁定
綁定圖表數據,選擇經緯度定位,如下圖所示:
3.1.4 樣式設計
1)選擇樣式>系列>熱力點,設置區間連續漸變效果,并自定義渲染半徑和模糊度,如下圖所示:
注:其中渲染半徑越大,則熱力區域的展示範圍越大;模糊度越大,則熱力邊界的模糊程度越高。不透明度最小和最大,對應圖形中最小值和最大值的不透明度。
3)選擇樣式>系列,此處設置背景區域,如下圖所示:
3.2 效果預覽
1)PC端
保存模板,點擊分頁預覽,效果如下圖所示:
2)移動端
4. 模板下載
已完成模板可參考%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\Advanced\Chart\NewHeatMap\HeatMap.cpt
點擊下載模板:熱力地圖.cpt