文档首页/
Astro轻应用 AstroZero/
用户指南(低代码)/
使用AstroZero开发应用前端/
高级页面/
设置AstroZero高级页面预置组件属性/
设置AstroZero高级页面雷达图组件属性
更新时间:2024-09-18 GMT+08:00
设置AstroZero高级页面雷达图组件属性
雷达图是指通过极坐标的展现形式,使用围合的区域,来表示数据在不同维度的具体表现。
图1 设置雷达图属性
基础
- 组件标题:设置组件的标题,用于在高级页面显示。
- 组件名称:设置组件的名称,名称是该组件在页面中的唯一标识。
位置
- 距离左端:组件到页面左侧的距离,单位为px。
- 距离顶端:组件到页面顶部的距离,单位为px。
- 宽度:组件的宽度,单位为px。
- 高度:组件的高度,单位为px。
- 堆叠顺序:设置组件层叠显示顺序。组件的堆叠顺序默认都是“1”,数字越大,显示越靠前。当需要让组件置底时,可设置堆叠顺序为“0”。
- 自适应高度:组件的高度是否随宽度改变。
- 开启:勾选该按钮,下方可见页面适配功能。
- 页面适配:勾选页面适配下方的“开启”,表示组件开启自适应高度。该属性使页面其它位于其下方的组件,根据该组件的高度变化自动调整位置,一个页面只支持一个组件。
边框
设置组件的边框样式,支持全边框和角边框两种。
- 全边框
- 样式:设置组件边框的样式,如实线、点线、虚线和双实线。
- 宽度:设置边框的宽度,单位px。
- 颜色:设置组件边框的颜色。
- 弧度:设置组件边框四个角的弧度,单位px。
- 角边框
- 宽度:设置组件边框的宽度,单位px。
- 长度:设置组件边框的长度,单位px。
- 颜色:设置组件边框的颜色。
- 弧度:设置组件边框四个角的弧度,单位px。
- 边距:设置组件边框和图表之间的间距,单位px。
背景
- 样式:设置背景的样式,如普通、居中、拉伸等。
- 图片链接:为轮播组件添加图片,当前仅支持添加JPG、JPEG、PNG和GIF格式的图片,且每张图片的大小不能超过50MB,尺寸建议使用800 x 800像素。
- 颜色:设置组件的背景颜色。
高级设置
选中雷达图组件,单击鼠标右键选择“高级设置”,可对雷达图进行多种配置。
图2 雷达图配置效果
- 选择模板:系统预置的雷达图模板,单击即可切换样式。可选择某一模板重置,也可通过设置各配置项得到想要的效果。
- 数据系列:对数据属性(数据的标记图形、标记的大小等)进行一系列配置。单击“+”,可添加数据系列。当数据系列的设置数多于实际数据时,多于的数据系列不显示。
- 标记样式/标记的图形:可以设置标记的图形形状。
- 标记样式/标记的大小:可以设置标记的图形大小。
- 标记样式/折线拐点标志颜色:折线拐点标志的颜色。
- 折线样式/宽度:折线的宽度。
- 折线样式/线的类型:折线的类型。
- 折线样式/不透明度:折线的透明度。
- 折线样式/颜色:折线的颜色。
- 区域填充样式/不透明度:折线内区域填充的透明度。
- 区域填充样式/颜色:折线内区域填充的颜色。
- 图形上的文本标签:打开“显示标签”,可设置图形上的文本标签的文本字体大小、字体颜色和字体粗细。
- 坐标系:设置组件的坐标系,包括雷达半径、中心位置、指示器配置、分隔线设置等。重点参数说明如下:
- 基本信息/半径(%):雷达图的半径占组件一半高度的百分比。
- 基本信息/仪表盘中心位置/横坐标(%)、纵坐标(%):圆心到组件左侧的距离占组件高度的百分比、圆心到组件顶端的距离占组件高度的百分比。
- 基本信息/绘制类型:雷达图的绘制类型,支持圆形和多边形。
- 指示器:单击“+”可增加指示器。可以设置指示器的名称、最大值、最小值、颜色。
- 指示器名称:打开“显示名称”开关,可以统一设置所有指示器名称的颜色、文字风格、文本字体大小、字体系列、字体粗细,另外可以设置指示器名称与指示器轴的距离。
- 轴分割段数:轴的分割段数,即几个圆圈。
- 分割线:即圆圈。分割线会按颜色设置列表中颜色的顺序依次循环展示颜色。
- 分隔区域。打开“显示分隔区域”可设置分隔区域颜色,分隔区域会按颜色设置列表中颜色的顺序依次循环展示颜色。
- 坐标轴轴线:打开“显示轴线”,可设置坐标轴轴线的颜色。
- 图例:设置组件的图例,图例文字内容来源于数据模型“dataValue”下“name”取值。
- 图例选择模式:可选单个或多个两种模式。
- 位置选择:图例的位置。
- 图例间隔:图例之间的间距。
- 小图标:图例的小图标形状。
- 文本样式设置/文本字体大小:图例文本字体的大小。
- 文本样式设置/文本颜色:图例文本的颜色。
- 文本样式设置/字体系列:图例文本的字体。
- 文本样式设置/字体粗细:图例文本字体的粗细。
- 文本样式设置/文字风格:图例文本的文字风格。
- 组件标题:设置组件的标题。
- 设置标题:是否显示组件标题。
- 内容:组件标题的文本内容。
- 位置选择:组件标题的文本位置。
- 背景色:标题的背景色。
- 文本字体大小:组件标题的文本字体大小
- 字体系列:组件标题的字体系列。
- 文本颜色:组件标题的文本颜色。
- 图表信息:设置图表的背景,支持设置背景的颜色、四边圆角(取值为“0”时为直角,“100”为圆角)。