平面地图(色彩、气泡、热力)
所有文档

          百度数据可视化 Sugar

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

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

          地图的数据绑定

          如展示全国各个「省份」的「销售额」情况:

          图片

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

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

          图片

          经纬度数据

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

          图片

          数据展示类型

          在「高级」中可以切换:

          图片

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

          图片

          自定义配色

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

          图片

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

          图片

          地图区域设置

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

          图片

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

          高亮轮播

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

          图片

          浏览时的效果如下:

          图片

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

          颜色映射设置

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

          图片

          散点大小映射设置

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

          图片

          系列设置

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

          图片

          自定义散点标签内容

          当开启「使用标签展示数据内容」时,你可以做到对标签内容的自定义设置。支持对一下几个字段的数据映射 name, value, sizeValue, type, rank, tooltipValuespercent。其中 tooltipValues 为数组,使用时候需要添加数组下标,例如 tooltipValues[0]

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

          地图的下钻和联动

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

          上一篇
          多层地图
          下一篇
          平面地图飞线图