更新时间:2025-01-14 GMT+08:00
分享

动态文本

图片组件允许文本内容根据数据交互的变化而实时更新,提供更加个性化和互动的体验。

在左侧组件区域,从“常用控件”中,选择“动态文本”组件,并拖拽至设计区,如图1所示。

图1 拖拽动态文本组件到设计区并设置属性

基础配置

  • 文本设置:设置文本内容的字体、大小和颜色等。
  • 水平对齐方式:设置文本内容的水平对齐方式,支持“左对齐”“居中对齐”“右对齐”
  • 垂直对齐方式:设置文本内容的垂直对齐方式,支持“顶部对齐”“居中对齐”“底部对齐”

样式配置

  • 内间距:设置容器内组件与容器四边的间距,可分别配置上、下、左、右或四周。默认值为0px,范围为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]。
    • 颜色:设置阴影的颜色。

数据设置

配置完数据后,请单击“更新数据”进行数据更新。

  • 数据源:下拉框中选择数据源表单。可选择应用中已创建的表单数据,详情请参见如何创建一个表单
  • 数据汇总指标:指每个类别的数据值,通常表示为一个百分比或一个具体的数值。
    单击“添加指标”可添加多个数据汇总指标,最多可添加三个指标。
    • 选择字段:选择数据分析指标字段,例如已售出数量。

      当分析维度选择字段为子表单字段时,数据汇总指标字段也只能从子表单中选择。

    • 汇总方式:数据分析的汇总方式,支持求和、平均值、最大值、最小值、计数、去重计数及最新。
      • 非数字类型组件,例如,单行文本输入,多行文本输入,单选、复选框、日期选择器、备注等,仅支持计数、去重计数和最新的汇总方式。
      • 数学类组件,例如,数字输入框,支持求和、平均值、最大值、最小值、计数、去重计数及最新的汇总方式。
    • 排序方式:根据需求自定义排序方式,可选择默认、升序或降序。
    图2 设置数据汇总指标
  • 数据筛选:开启后,可设置过滤条件,筛选数据源符合条件数据信息。
  • 数据类型:用户配置数据后自动适配,只有汇总方式为最新且组件非数字输入框、公式计算和评分时为“文本”,其它情况都为“数字”
  • 显示格式:“数据类型”“数字”时可配置,显示格式支持“数值”和“百分比”。
  • 计量单位:“数据类型”“数字”时可配置,设置计量单位,例如,元。
  • 计量单位样式:“数据类型”“数字”时可配置,设置计量单位的字体、大小和颜色等。
  • 千分符:“数据类型”“数字”时可配置,开启后将显示千分符。
  • 小数位数:“数据类型”“数字”时可配置,默认为两位小数,可自定义设置,最大可设置5位小数。
  • 文本最大长度:“数据类型”“文本”时可配置,默认128,取值范围为[0,128]。

相关文档