平面地图(色彩、气泡、热力)

更新时间:2021-07-23

⾊彩地图是⽤颜⾊的深浅来展示区域范围的数值⼤⼩,适⽤于展现呈⾯状但属分散分布的数据,⽐如⼈⼝密度等;⽓泡地图是在地图上⽤⽓泡⼤⼩展现数据量⼤⼩;热⼒图是以特殊⾼亮的形式显示访客热衷的⻚⾯区域和访客所在的地理区域的图示。

地图的数据绑定

区域色彩展示全国各个「省份」的「价格」情况:

图片

气泡/散点图的颜色和大小展示全国各个「省份」的「价格」和「数量」。还可以设置散点的系列,然后在高级设置中的系列设置中,为每个散点系列指定相应的散点形状。

图片

热力图可以显示数据的宏观状态:

图片

Tooltip 提示信息中附加其它数据

还可以在 Tooltip 提示信息中附加展示一些其它的信息,例如加上该省份属于那个「地区」、以及该省份的「成本」信息:

图片

经纬度数据

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

图片

数据展示设置

在「高级」中可以切换:

图片

自定义配色

在「基础」面板中可以开启自定义配色:

图片

Sugar BI 中默认是渐变的方式来展示颜色深浅度,您还可以颜色分段的方式,同时可控制图表的值域映射工具,调整它的位置和样式:

图片

地图区域设置

地图区域可以直接设置为世界、全国、某省份、某城市级别。比如下图展示的安徽省和世界的地图。

图片

也可以通过上传自定义 GeoJSON 文件,展示自定义地图区域,详见自定义 GeoJSON

高亮轮播

在大屏展示时,您可能期望地图中前几名能够高亮并轮流播放每项的具体数值和信息,您可以如下(在大屏下已经默认开启)。在散点图和区域色彩中,可以设置高亮展示的 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 在整个数据中所占百分比需要设置散点颜色字段

图片

地图的下钻和联动

地图在下钻和联动时,可以做到地图的范围根据下钻或联动的操作而动态变化,详见典型实践中的「下钻中地图范围动态变化」以及「图表联动时地图范围动态变化

本页内容