热力图,通过使用颜色编码来显示数据点的密度和分布情况。它能够直观地展示大量数据集中的区域和变化趋势,以帮助我们发现数据中的模式和规律,鲸地图可以在“标绘”中添加“热力图”。
打开一个添加了“鲸地图”组件的项目,双击进入鲸地图的“编辑状态”。
点击左侧菜单栏中的“标绘”,选择“热力图”进行添加,如下图所示:
添加热力图后,我们需要为热力图“绑定数据”才能显示热力图,如果数据源格式不符合组件的要求,就无法正常显示内容,热力图的数据类型是一个地点字段和一个数据字段,其中地点字段是字符串类型,数据字段是数字类型。
地点字段(经纬度) | 数据字段(数值) |
---|---|
120,30 | 150 |
115,28 | 250 |
112,34 | 350 |
在左上角的“数据”的下拉菜单中点击“添加数据”,将本地数据源添加进来。
在“连接数据”的窗口中,选择对应的数据源类型,这里使用“Excel”文件为例。(更多数据源添加方式请参看教程:连接数据)
添加完成后就可以在“连接数据”的窗口中查看详细的数据,如下图所示:
点击选中“热力图”,在右侧“数据”设置窗口中切换到“看板公共数据”(同一个项目中所有数据源是共享的)。
把本地数据字段拖拽添加到组件对应的字段设置后,热力图就会显示,如下图所示:
配置项 | 说明 |
---|---|
是否显示 | 即热力图是否显示,默认开启,关闭则隐藏热力图。 |
开启/关闭 是否显示设置,效果如下图所示:
配置项 | 说明 |
---|---|
热力圈大小 | 自定义设置热力圈的大小,默认值为“20px”,值越大,热力圈的范围也越大。 |
热力圈模糊程度 | 自定义设置热力圈的模糊程度,默认值为“15px”,值越大,热力圈周围的模糊程度越高。 |
热力圈颜色 | 自定义修改热力圈的颜色,可以根据数值的大小形成渐变色的效果。(颜色设置方式可以参看教程:设置颜色) |
热力圈透明度 | 自定义设置热力圈的透明度,默认值为“0.5”,值越小,透明度越高,当值为“0”时,热力图完全透明。 |
热力图设置,如下图所示:
热力图 更改热力圈大小,效果如下图所示:
热力图 更改热力圈模糊程度,效果如下图所示:
热力图 更改热力圈透明度,效果如下图所示: