平面地图(色彩、气泡、热力)
⾊彩地图是⽤颜⾊的深浅来展示区域范围的数值⼤⼩,适⽤于展现呈⾯状但属分散分布的数据,⽐如⼈⼝密度等;⽓泡地图是在地图上⽤⽓泡⼤⼩展现数据量⼤⼩;热⼒图是以特殊⾼亮的形式显示访客热衷的⻚⾯区域和访客所在的地理区域的图示。
地图的数据绑定
如展示全国各个「省份」的「销售额」情况:
Tooltip 提示信息中附加其它数据
我们还可以在 Tooltip 提示信息中附加展示一些其它的信息,例如加上该省份属于那个「地区」、以及该省份的「成本」信息:
经纬度数据
在使用气泡或热力图时,其实是需要使用到地点的经纬度数据的,默认情况下,Sugar会根据用户绑定的「省、市、地点的名称」自动从系统中查找对应的经纬度坐标,但是Sugar系统中的经纬度坐标数据很有限(一般只能匹配全国的省份和城市以及城市下的区县),在一些情况下用户需要展示一些自己定义好经纬度坐标的地点数据,因此Sugar支持让用户绑定经纬度字段来展示数据:
数据展示类型
在「高级」中可以切换:
三种展示模式(区域色彩、气泡、热力图),效果如下:
自定义配色
在「基础」面板中可以开启自定义配色:
Sugar 中默认是渐变的方式来展示颜色深浅度,您还可以颜色分段的方式,同时可控制图表的值域映射工具,调整它的位置和样式:
地图区域设置
地图区域可以直接设置为世界、全国、某省份、某城市级别,比如下图展示的安徽省和北京市的地图。
也可以通过上传自定义 GeoJSON 文件,展示自定义地图区域,详见自定义 GeoJSON。
高亮轮播
在大屏展示时,您可能期望地图中前几名能够高亮并轮流播放每项的具体数值和信息,您可以如下(在大屏下已经默认开启):
浏览时的效果如下:
在色彩地图和气泡地图开启了高亮轮播时,可以通过设置「轮播同步图表联动」,在轮播的同时触发下级图表的联动,详见最佳实践中的「图表联动」。
地图的下钻和联动
地图在下钻和联动时,可以做到地图的范围根据下钻或联动的操作而动态变化,详见最佳实践中的「下钻中地图范围动态变化」以及「图表联动时地图范围动态变化」