自定义地图
本章节介绍自定义地图的样式各配置项的含义。
字段
- 在类别轴/维度找到需要的数据,双击或拖拽至地理位置/维度区域。
- 在数值/度量列表中,找到需要的数据,拖拽至数值/度量区域。
- 过滤:如果您的数据量较大,可以启用过滤器功能,将需要的某一类或者某几类数据从数据集中过滤出来。过滤器可以过滤字符类、数值类和日期类的数据。
过滤设置:单击过滤内的需要设置过滤字段上的,进入设置过滤器页面。
- 过滤字段选择维度
- 非时间字段
表1 过滤器参数 参数
参数说明
数据集
构造大屏组件所选的数据集。
选中字段
选择过滤的字段(非时间字段)。
过滤方式
设置的字段为维度时,支持按条件过滤和按枚举过滤方式。
条件形式
设置的字段为维度时,在按条件过滤方式下,支持设置且条件和或条件。
设置的字段为维度时,在按枚举过滤方式下,支持单选和多选。
过滤条件
设置的字段为维度时,按条件过滤支持:精确匹配、包含、开头是、不匹配、不包含、为空、不为空等设置。
设置的字段为维度时,按枚举过滤方式:选择对应的字段。
- 时间字段
表2 过滤器参数 参数
参数说明
数据集
构造大屏组件所选的数据集。
选中字段
选择过滤的字段(时间字段)。
过滤方式
设置的字段为维度时,支持单值过滤、按区间值过滤、按条件过滤。
过滤条件
设置的字段为维度时,按单值区间、区间值过滤,过滤条件支持绝对时间和相对时间。
设置的字段为维度时,按条件过滤支持且条件、或条件。
- 非时间字段
- 过滤字段选择度量
表3 过滤器参数 参数
参数说明
数据集
构造大屏组件所选的数据集。
选中字段
选择过滤的字段。
条件形式
设置的字段为度量时,条件形式支持且条件、或条件。
过滤条件
需要设置的字段为度量时,过滤条件支持:>、≥、<、≤、=、≠、为空、不为空等设置。也支持对数据的聚合前和聚合后的设置。
- 过滤字段选择维度
- 查询返回数限制:最大的字段为5000最小字段为1。
- 自动刷新:刷新数据的时间,可以设置1分钟、5分钟、15分钟、30分钟、不刷新。
- 单击“更新”,系统自动更新图表。
样式
本章节介绍自定义地图的样式各配置项的含义。
- 尺寸位置
- W:设置图表的宽,单位为px。
- H:设置图表的高,单位px。
- X:设置图表在画布中的位置。单位为px。
- Y:设置图表在画布中的位置。单位为px。
- 不透明度:设置图表在画布上的透明度,可通过滑动条进行设置,也可手动输入百分比,比例越大透明程度越低。
图1 尺寸位置
- 全局样式
- 地图中心:设置地图中心在图层中的位置。
- 顶部:设置地图中心的顶部,输入值必须在0到200之间。
- 左侧:设置地图中心的左侧,输入值必须在0到200之间。
- 缩放范围:设置地图中心在图层中的缩放比例,输入值必须在0.1到50之间。
- 边界数据来源:地图数据的来源方式,有链接和素材两种类型。
- 链接:从其他地方复制链接粘贴此处,可以获取边界数据。
- 素材:用户自定义素材,或者从其他地方获取到的json文件,上传获取边界数据。
图2 全局样式
- 地图中心:设置地图中心在图层中的位置。
- 填充设置
- 透明度:设置填充的透明度,输入值必须在0到1之间。
- 边线选择:设置边线的颜色和宽度。
- 填充颜色:设置填充的颜色。
- 宽度:设置填充的宽度,输入值必须在0到10之间。
图3 填充设置
- 视觉映射
- 显示/隐藏视觉映射:单击“标签”右侧的勾选框,表示显示视觉映射,表示隐藏视觉映射。
- 方向:单击下拉选项设置视觉映射的映射方向,可以设置为水平或垂直。
- 映射类型:单击下拉选项设置视觉映射的映射类型,可以设置为连续型或自定义范围。
- 宽度:设置视觉映射的宽度。
- 高度:设置视觉映射的高度。
- 左侧:设置视觉映射时距离图层左侧的距离。
- 底部:设置视觉映射时距离图层底部的距离。
- 间距:设置映射之间间距。
- 文字:设置视觉映射时文本的字体颜色和字号大小。
- 映射类型:支持连续型金额自定义范围设置。范围支持对数值范围、数值颜色、对应文本设置。
- 范围外:支持对范围外颜色进行设置。
图4 视觉映射
- 标签
- 显示标签:勾选后地图显示标签,不勾选,地图不显示标签。
- 显示全量:勾选后,不显示标签的区域也会显示。
- 显示度量:显示字段中选择的度量字段。
- 字体:用户可自定义设置标签的字体。
- 颜色:用户可自定义设置标签的字体颜色。
- 字号:用户可自定义设置标签的字体字号,范围10~100之间。
- 字体粗细:用户可以设置标签字体的粗细,类型有Normal、Bold、Bolder、Lighter。
- 选中样式
- 颜色:单击颜色编辑器设置颜色。
- 数据值:单击“数据值”右侧的勾选框,表示显示数据值,表示隐藏数据值。
- 数据名:单击“数据名”右侧的勾选框,表示显示数据名,表示隐藏数据名。
- 文本样式:设置文本的颜色、字号和字体粗细样式
- 提示框内边距:设置提示框的内边距,输入值不能小于0。
- 提示框背景色:设置提示框的背景颜色。
- 提示框自定义大小:设置提示框的大小。
- 提示框边框颜色:设置提示框的边框颜色。
- 提示框边框宽度:设置提示框的边框宽度,输入值不能小于0。
图5 选中样式
- 开启缩放:支持设置是否开启缩放。
- 开启平移:支持设置是否开启平移。
联动
场景:江苏省份地图制作
- 前提条件
- 新建项目
- 新建数据源。
- 新建数据集。
- 新建大屏。
- 地图制作步骤
- 登录管理控制台。
- 单击项目名称,进入项目(demo)。
- 单击“大屏 > 新建大屏”,进入创建大屏页面。
- 单击组件“地图 > 自定义地图”,设置样式 > 全局样式>边界数据来源。
此处选择链接方式,将链接填写在边界数据来源处,地图呈现江苏省图样。
图7 链接地址
- 勾选标签,地图显示各市标签。
- 通过设置映射类型预览江苏省各市GDP分布范围。
- 选择新建的数据集。
- 设置字段(地理位置/维度设置为“城市”,数值/度量设置为“GDP”),“更新数据”。
- 设置映射范围(用户自定义)。这时地图上会显示不同的颜色来区分江苏省各市GDP的范围,参见图8。
图9 数值范围设置