百度地图(散点、热力)

更新时间:2021-07-22

私有部署中如果要使用百度地图(散点、热力),要求用户的浏览器所在的网络环境能够连接公网(能够访问百度地图)。

百度散点/热力地图的数据绑定

如展示全国所有「城市」的「销售额」情况:

图片

还可以用散点的「大小」来表示数据的大小,如:

图片

此外还可以设置散点的系列,并在高级设置中的系列设置,为每个系列设置对应的散点形状,散点形状自定义上传图片,也可以使用内置的形状。图片的优先级高于内置的形状。

图片

热力图效果展示:

图片

散点图中的 Tooltip 附加数据展示

在散点图中除了可以展示颜色映射数据、散点大小映射数据和系列数据外,还可以在 Tooltip 悬浮窗中展示一些附加数据。如附加展示城市所属的「省份」,以及更新日期:

图片

经纬度数据

在使用散点或热力图时,其实是需要使用到地点的经纬度数据的,默认情况下,Sugar BI会根据用户绑定的「省、市、地点的名称」自动从系统中查找对应的经纬度坐标,但是Sugar BI系统中的经纬度坐标数据很有限(一般只能匹配全国的省份和城市以及城市下的区县),在一些情况下用户需要展示一些自己定义好经纬度坐标的地点数据,因此Sugar BI支持让用户绑定经纬度字段来展示数据。 并且还支持将国测局坐标转换为百度坐标系和 WGS84 转百度坐标系:

图片

自定义配色

在「基础」面板中,百度地图类型的图表支持对百度地图的样式进行自定义配置。Sugar BI中内置了几种地图主题供您选择,主题的种类还会不断丰富:

图片

如果内置主题不能满足您的要求,我们支持更详细的地图样式自定义:

图片

散点和热力区域的数据值与颜色之间的映射可以选择跟随页面主题颜色或自定义颜色渐变:

图片

百度地图设置

地图的高级设置比较简单,只与呈现形式有关,用户可以根据需要开启对应的选项。

例如可以对百度地图的初始中心位置,缩放级别以及鼠标操作进行配置,开启「根据数据动态计算地图初始状态」后,地图的初始状态则会根据数据的范围来自动设置。开启「显示比例尺」后会显示地图的比例尺。支持自己指定初始地图中心经度、初始地图中心纬度、中心经纬度配置项加减按钮精度、初始缩放级别信息,当不清楚具体的数值是多少,可以调整地图然后「使用当前地图中心和缩放作为初始状态」,这样就不需要手动输入数值,方便快捷,需要注意的是,将【根据数据动态计算地图初始状态】关闭后才可以自己设置数值。

图片

散点图和热力图

在这里您可以将数据展示类型在散点图和热力图之间切换。散点图支持配置散点的描边,颜色等信息,数据单位。此外还支持数据的颜色叠加,当数据很密集,想要看一些宏观结果,开启这个效果,会有很大帮助,如下图所示,展示了安徽省微博信息的打点。(热力图不支持显示区域名称和 Tooltip):

图片

颜色映射设置

对于散点/热力图的颜色映射工具可以进行一些个性化设置:

图片

散点大小映射设置

对于散点图的散点大小映射工具,都可以进行一些个性化的设置:

图片

高亮轮播

在散点图中,可以设置高亮展示的 Top 气泡个数,轮播可以设置轮播高亮气泡还是轮播全部气泡,当在「散点标签和 Tooltip 设置」中开启「使用标签展示数据内容」时,还可可以设置每次轮播多少个标签。开启「轮播同步图表联动」时,地图可以轮播联动其他图表。此外还可以设置隐藏没有被轮播的气泡。

图片

系列设置

在散点图中,可以设置不同的散点形状来映射数据中不同的类型,开启自定义散点形状后,需要在数据中设置散点系列字段,才可以选择对应系列,对于 API 接口和静态 JSON,需要数据中包含 type 字段。系列设置除了可以使用Sugar BI内置的部分图形,还可以上传本地图片和外链图片。图片的优先级高于内置的形状。

图片

散点标签和 Tooltip 设置

展示弹框信息的的方式有两种,一种是通过 Tooltip,轮播的时候每次只能展示一个信息,可以展示百分比和排名,设置 Tooltip 的字体大小。另一种则是通过标签的方式,这种方式功能强大,一次可以轮播多个标签。可以显示最值气泡的标签、高亮气泡标签等。对于自定义标签内容,支持对以下几个字段的数据映射 name, value, sizeValue, type, rank, tooltipValuespercent。其中 tooltipValues 为数组,使用时候需要添加数组下标,例如 tooltipValues[0]

  • name 表示散点的名称
  • value 表示设置的散点颜色字段
  • sizeValue 表示设置的散点大小字段
  • type 表示设置的散点系列字段
  • tooltipValues 表示设置的其他维度和度量,使用时需要附带相应的下标
  • rank 该项数据的 value 在整个数据中排名,需要设置散点颜色字段
  • percent 该项数据的 value 在整个数据中所占百分比需要设置散点颜色字段

图片

本页内容