百度地图(散点、热力)

更新时间:2022-07-08

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

图片

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

图片

散点和热力区域的数据值与颜色之间的映射可以选择跟随页面主题颜色或自定义颜色渐变,通过在「基础」->「自定义配色」中进行设置:

图片

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

下面介绍使用 SQL 方式绑定数据时的配置:

SQL 查出来的结果中,每一行对应一个散点/热力区域,每行中有名称字段,颜色映射取值字段,散点大小映射取值字段,散点系列取值字段等。

在控制面板中选取对应的字段,其中散点名称字段必填,颜色映射取值、散点大小映射取值字段、散点系列取值字段选填。

效果如下:

图片

经纬度数据

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

图片

散点图中的 Tooltip 附加数据绑定

在散点图中除了可以展示颜色映射数据和散点大小映射数据,还可以在 Tooltip 悬浮窗中展示一些附加数据,通过在「数据」->「添加在 Tooltip 中显示的附加数据项」中进行配置:

图片

百度散点/热力地图的高级设置

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

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

图片

散点图和热力图

在「高级」->「数据展示设置」中您可以将数据展示类型在散点图和热力图之间切换。 散点图支持配置散点形状,数据单位和 Tooltip 相关的一些设置:

图片

热力图不支持显示区域名称和 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 在整个数据中所占百分比需要设置散点颜色字段

图片

本页内容