华为云首页用户手册

智能数据洞察 DATAARTS INSIGHT-制作交互:样式

时间：2024-11-26 20:15:08

智能数据洞察 DATAARTS INSIGHT 大屏组件

样式

尺寸位置
- W：设置图表的宽，单位为px。
- H：设置图表的高，单位px。
- X：设置图表在画布中的位置。单位为px。
- Y：设置图表在画布中的位置。单位为px。
- 不透明度：设置图表在画布上的透明度，可通过滑动条进行设置，也可手动输入百分比，比例越大透明程度越低。
图1 尺寸位置
全屏
- 全局样式
  - 全屏显示：支持通过url和本地上传图片。
  - 退出全屏：支持通过url和本地上传图片。
  - 背景色：设置全屏功能的背景色。
  - 圆角：设置全屏的圆角。
  - 显示方式：支持总是和鼠标上移。
搜索
- 样式
  - 提示信息：支持对文本、字体大小、颜色的设置。
  - 字号：支持设置搜索的字号。
  - 字体粗细：支持设置搜索字体的粗细。
  - 字体颜色：支持设置搜索字体的颜色。
  - 背景色：支持设置搜索的背景色。
  - 搜按钮颜色：支持设置搜索按钮的颜色。
  - 边框：支持设置边框的宽度、颜色、边框类型。边框类型支持实线、虚线、点划线。
单选下拉
- 样式
  - 背景色：设置单选下拉的背景颜色。
  - 边框：支持对边框的宽度、圆角、颜色、类型的设置。
  - 箭头：支持对箭头的颜色、大小、右边距的设置。
  - 字体样式：支持对字体的字号、字体粗细、字体颜色、卡片圆角度、背景色的设置。
- 结果框样式
  - 最大高度：设置单选下拉的最大高度。
  - 字体大小：设置单选下拉的字体大小。
  - 字体粗细：设置单选下拉的字体的粗细。
  - 字体颜色：设置单选下拉的字体颜色。
  - 选项悬浮颜色:支持设置单选下拉的选项悬浮色。
  - 选项选中颜色：支持设置单选下拉的选项选中的颜色。
  - 背景色：支持设置单选下拉的背景色。
- 选择配置：勾选“允许取消选择”，单选下拉允许取消选择，且提示文本可设置；未勾选“允许取消选择”，单选下拉不允许取消选择，提示文本不可设置。
  如果没有设置初始值、未勾选选择配置，则默认填入绑定字段的第一行数据；如果绑定的数据集无数据的情况下，单击下拉框展示“暂无数据”。
- 初始值设置：支持单选下拉设置初始值，设置方式有固定和动态获取。
  - 固定：当初始化值方式为固定时，可设置单选下拉组件的初始字段。
    - 不填写初始字段、允许取消选择，则为不设置默认值。
    - 不填写初始字段、不允许取消选择，则默认填入绑定字段的第一行数据。
  - 动态获取：当初始化值方式为动态获取时，可设置单选下拉组件的字段索引。
    - 填入索引值将用于动态获取初始值。填入0则默认选中第一行数据。索引值超出数据范围则取最后一行数据。
    - 不允许输入负数。
多选下拉框样式
- 样式
  - 背景色：设置多选下拉的背景颜色。
  - 边框：支持对边框的宽度、圆角、颜色、类型的设置。
  - 箭头：支持对箭头的颜色、大小、右边距的设置。
  - 卡片样式：支持对字体的字号、字体粗细、字体颜色、卡片圆角度、背景色的设置。
- 结果框样式
   最大高度：设置多选下拉的最大高度。
- 初始值设置
  - 初始化值：支持多选下拉框设置初始值，设置方式有固定和动态获取。
    - 固定：当初始化值方式为固定时，可设置单选下拉组件的初始字段，多个字段之间用分号。
    - 动态获取：当初始化值方式为动态获取时，可设置多选下拉组件的字段索引，多个索引之间用分号。
      填入索引值将用于动态获取初始值，填入0则默认选中第一行数据。索引值超出数据范围则取最后一行数据。
      
      索引值去重：如果填入两个重复的索引值，则以单个索引值为初始化值；填入多个索引值，超出实际数据范围，根据索引值规则，显示数据围内的字段。
  - 提示文本：设置下拉选项的提示文本。
  - 文本大小：用户可自定义设置。
Tab列表样式
- 全局样式
  - 字体：设置Tab列表的字体。
  - 行数：设置Tab列表的行数时，输入值不能小于1。
  - 边框宽度：设置Tab列表的宽度，输入值不能小于0。
  - 选择类型：设置Tab列表的类型，支持单选多选的设置。
- Tab配置：可对tab的内容以及值进行设置。
- 标签配置：
  - 字号：字号设置范围10~100之间。
  - 字体颜色：用户自定义标签颜色。
  - 字体粗细：字体粗细类型Normal、Bold、Bolder、Lighter。
  - 背景颜色：标签列表的背景颜色可自定义设置。
  - 圆角半径：标签的圆角半径可设置，取值范围0~50。
  - 选中文字/背景/悬浮边框颜色：用户可自定义设置颜色。
- 单轮轮播：
  - 轮播开关：支持设置轮播开关设置。
  - 轮播间隔：轮播间隔用户可设置，取值范围不能小于3000。