山海鲸可视化

热力图

热力图,通过使用颜色编码来显示数据点的密度和分布情况。它能够直观地展示大量数据集中的区域和变化趋势,以帮助我们发现数据中的模式和规律,鲸地图可以在“标绘”中添加“热力图”

1. 添加热力图

打开一个添加了“鲸地图”组件的项目,双击进入鲸地图的“编辑状态”

点击左侧菜单栏中的“标绘”,选择“热力图”进行添加,如下图所示:

2. 绑定数据

第一步:确认数据源格式

添加热力图后,我们需要为热力图“绑定数据”才能显示热力图,如果数据源格式不符合组件的要求,就无法正常显示内容,热力图的数据类型是一个地点字段和一个数据字段,其中地点字段字符串类型,数据字段是数字类型

地点字段(经纬度) 数据字段(数值)
120,30 150
115,28 250
112,34 350

第二步:设置数据字段

在左上角的“数据”的下拉菜单中点击“添加数据”,将本地数据源添加进来。

“连接数据”的窗口中,选择对应的数据源类型,这里使用“Excel”文件为例。(更多数据源添加方式请参看教程:连接数据

添加完成后就可以在“连接数据”的窗口中查看详细的数据,如下图所示:

点击选中“热力图”,在右侧“数据”设置窗口中切换到“看板公共数据”(同一个项目中所有数据源是共享的)。

把本地数据字段拖拽添加到组件对应的字段设置后,热力图就会显示,如下图所示:

3. 基本设置

3.1 是否显示

配置项 说明
是否显示 即热力图是否显示,默认开启,关闭则隐藏热力图。

开启/关闭 是否显示设置,效果如下图所示:

3.2 热力图设置

配置项 说明
热力圈大小 自定义设置热力圈的大小,默认值为“20px”,值越大,热力圈的范围也越大。
热力圈模糊程度 自定义设置热力圈的模糊程度,默认值为“15px”,值越大,热力圈周围的模糊程度越高。
热力圈颜色 自定义修改热力圈的颜色,可以根据数值的大小形成渐变色的效果。(颜色设置方式可以参看教程:设置颜色
热力圈透明度 自定义设置热力圈的透明度,默认值为“0.5”,值越小,透明度越高,当值为“0”时,热力图完全透明。

热力图设置,如下图所示:

热力图 更改热力圈大小,效果如下图所示:

热力图 更改热力圈模糊程度,效果如下图所示:

热力图 更改热力圈透明度,效果如下图所示: