云服务器内容精选

华为云首页用户手册

自定义页面组件介绍

ASTRO工作流 ASTROFLOW-柱图:样式配置

样式配置样式：设置柱图样式，目前支持分组柱状图、堆积柱状图和百分比堆积图三种样式。分组柱状图：适用于展示多个类别之间的比较和关系。堆积柱状图：适用于展示多个类别或多个时间段的数据对比。百分比堆积：常用于比较不同类别的占比情况。图6 设置柱图样式内间距：设置容器内组件与容器四边的间距，可分别配置上、下、左、右或四周。默认值为20px，范围为0~100px。外间距：设置容器外与其他容器四边的间距，可分别配置上、下、左、右或四周。默认值为0px，范围为0~100px。边框：位置：设置边框的位置，支持配置上、下、左、右和四周。宽度：设置边框的宽度。默认值为0px，范围为0~50px。样式：设置边框样式，根据需求选择“无”、“圆点”、“虚线”和“实线”。颜色：设置边框显示的颜色。圆角：给元素添加圆角效果，设置圆角的大小和位置。默认值为0px，范围为0~500px。背景：设置组件样式的背景颜色。阴影： X：X偏移，阴影相对于其源元素在水平方向（X轴）的偏移距离，取值范围[-100, 100]。 Y：Y偏移，阴影在垂直方向（Y轴）的偏移距离，取值范围[-100, 100]。模糊：阴影的模糊程度。值为0时表示阴影边缘锐利，没有模糊。值越大，阴影的边缘就越模糊，从而产生更柔和的阴影效果。取值范围[0, 100]。扩散：扩散半径，它允许阴影在原始尺寸基础上向外扩散。正值会使阴影扩大，负值则会减小阴影的尺寸。取值范围[-100, 100]。颜色：设置阴影的颜色。

ASTRO工作流 ASTROFLOW 自定义页面组件介绍
ASTRO工作流 ASTROFLOW-柱图:数据配置

数据配置数据配置完成后，需单击“更新数据”，进行数据刷新。刷新数据间隔时间至少为5秒，请勿频繁单击。数据源：下拉框中选项数据分析的数据来源。可选择应用中已创建的表单数据进行展示，创建表单详情请参见如何创建一个表单。分析维度：选择表单中数据分析的维度，例如商品类型。可自定义排序方式及重命名。图7 设置柱图分析维度数据汇总指标：指每个类别的数据值，通常表示为一个百分比或一个具体的数值。单击“添加指标”可添加多个数据汇总指标，最多可添加三个指标。选择字段：选择数据分析指标字段，例如已售出数量。当分析维度选择字段为子表单字段时，数据汇总指标字段也只能从子表单中选择。字段重命名：可对数据汇总指标进行重命名。汇总方式：数据分析的汇总方式，支持求和、平均值、最大值、最小值、计数及去重计数。非数字类型组件，例如，单行文本输入，多行文本输入，单选、复选框、日期选择器、备注等，仅支持计数和去重计数的汇总方式。数学类组件，例如，数字输入框，支持求和、平均值、最大值、最小值、计数及去重计数的汇总方式。排序方式：根据需求自定义排序方式，可选择默认、升序或降序。图8 设置柱图数据汇总指标数据筛选：设置过滤条件，筛选数据源符合条件数据信息。图9 设置柱图数据筛选条件是否展示辅助线：开启后可为柱图添加辅助线，有利于更好理解数据。单击“添加辅助线”，设置辅助线属性。辅助线名称：输入展示的辅助线名称。辅助线类型：支持选择“最大值”、“最小值”、“平均值”和“固定值” 数据指标：下拉框中选择已添加的数据汇总指标。显示内容：可勾选“名称”或“值”，作为辅助线的展示内容。线条设置：支持选择“实线”、“虚线”和“点线”。同时支持自定义线条颜色，默认为蓝色。图10 设置辅助线属性

ASTRO工作流 ASTROFLOW 自定义页面组件介绍
ASTRO工作流 ASTROFLOW-柱图:基础配置

基础配置标题：该模块在页面呈现给用户的名称。帮助提示：为字段添加帮助信息。设置后，标题字段后会显示。描述信息：为字段添加附加的说明信息。图例：指在多维度可视化图形表达中，用以区分不同维度可视化图形的提示标识。设置图例位置：可选择“上方”、“右侧”、“下方”和“左侧”。图2 设置图例位置为右侧数据标签：用于描述数据的元数据。开启后默认显示在柱图顶部，可自定义设置标签位置，支持“顶部”、“中间”和“底部”三种类型。图3 显示数据标签 X轴：开启X轴配置开关后，可设置X轴标题、标签是否显示及单行标签字符数。单行标签字符数默认为6个字符，超过的字符显示省略号。一个中文按2个字符计算，一个英文按1个字符计算。图4 设置X轴 Y轴：开启Y轴配置开关后，可设置Y轴标题和标签是否显示。 Y轴标题：输入Y轴展示的名称。显示标签：标签是否显示。单行标签字符数：设置单行标签字符数，默认为6个字符，超过的字符显示省略号。一个中文按2个字符计算，一个英文按1个字符计算。最大值：默认根据数据大小自动调节，也可以自定义修改。最小值：默认根据数据大小自动调节，也可以自定义修改。图5 设置Y轴

ASTRO工作流 ASTROFLOW 自定义页面组件介绍