区域地图
区域地图组件用于展示不同地理区域(如国家、省份、城市等)的数据分布情况,通过颜色深浅和数值大小直观呈现区域间的数据差异。本指南将帮助您快速掌握区域地图的配置和使用方法。
1、效果展示

2、添加区域地图
3、样式配置
基础样式配置
- 支持所有通用样式配置,包括组件位置、大小、背景等基础属性
- 支持响应式布局,自适应不同屏幕尺寸
地图专属配置
- 详细的地图样式设置请参考地图配置指南
- 支持自定义地图区域颜色、边框样式、标签显示等
- 提供多种内置地图模板(中国地图、世界地图等)
4、数据格式
标准数据格式
区域地图采用标准的 JSON 数据格式,每个区域包含名称和对应数值:
[
{
"name": "北京",
"value": 199
},
{
"name": "天津",
"value": 42
},
{
"name": "河北",
"value": 102
},
{
"name": "山西",
"value": 81
}
]
数据要求
- name 字段:必须与地图区域名称完全匹配,区分大小写
- value 字段:数值类型,支持整数和小数
- 数据范围:建议数值在合理范围内,便于视觉区分
- 区域名称:支持中文、英文等多种语言
数据源配置
- 支持静态 JSON 数据直接输入
- 支持动态数据源:数据集配置指南
- 支持 API 接口、数据库查询等多种数据获取方式
5、高级功能配置
数据展示控制
区域地图默认显示数据集中的所有字段信息。您可以通过配置
地图设置中的内容字段映射属性,来精确控制 Tooltip 中展示的内容。
配置内容字段映射:

效果展示:
