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

更新时间:2022-07-08

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

地图的数据绑定

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

对于区域色彩地图,SQL 查出来的结果应该是如下格式的,一列数据是省市名称,一列数据是对应的取值:

取值 名称
80 上海
117 河南
112 香港

图片

对于散点地图,SQL 查出来的结果应该是如下格式的,一列数据是省市名称,如果是通过经纬度来定位,则还要增加经纬度字段,剩余的都是可选内容,颜色映射、大小映射、系列映射:

名称 取值 大小 类型 经度 维度
上海 40 80 类型 1 -75.440806 40.652083
河南 23 117 类型 2 113.298786 23.392436
香港 35 112 类型 1 -106.6091944 35.0402222

图片

对于热力图,一列数据是省市名称,一列数据是对应的取值(取值字段是可选的):

取值 名称
80 上海
117 河南
112 香港

图片

经纬度数据

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

图片

气泡/区域色彩图中的 Tooltip 附加数据绑定

在气泡/区域色彩图中除了可以展示颜色映射数据,还可以在 Tooltip 悬浮窗中展示一些附加数据:

图片

地图的高级设置

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

数据展示设置

例如将展示类型选为气泡地图,配置一些散点信息:

图片

三种展示模式(热力图、区域色彩、气泡),效果如下:

图片

地图区域设置

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

图片

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

颜色映射设置

您还可控制图表左下角的值域映射工具,调整它的位置和样式,通过在「高级」->「颜色映射设置」:

图片

散点大小映射设置

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

图片

高亮轮播

在大屏展示时,您可能期望地图中前几名能够高亮并轮流播放每项的具体数值和信息,您可以如下(在大屏下已经默认开启):

图片

浏览时的效果如下:

图片

在色彩地图和气泡地图开启了高亮轮播时,可以通过设置「轮播同步图表联动」,在轮播的同时触发下级图表的联动,详见典型实践中的「图表联动」。

系列设置

在散点、气泡图中,可以设置不同的散点形状来映射数据中不同的类型,开启自定义散点形状后,需要在数据中设置散点系列字段,才可以选择对应系列,对于 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 在整个数据中所占百分比需要设置散点颜色字段

图片

地图的下钻和联动

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

本页内容