华为云首页用户手册

智能数据洞察 DATAARTS INSIGHT-添加素材:样式

时间：2024-05-24 18:45:34

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

样式

尺寸位置
- W：设置图表的宽，单位为px。
- H：设置图表的高，单位px。
- X：设置图表在画布中的位置。单位为px。
- Y：设置图表在画布中的位置。单位为px。
- 不透明度：设置图表在画布上的透明度，可通过滑动条进行设置，也可手动输入百分比，比例越大透明程度越低。
图2 尺寸位置
边框（样式）
- 填充
  - 样式：边框支持丰富多种的样式设置。
  - 自定义边框：
    - 图片添加方式：图片可通过url或本地上传的形式添加。
    - 边框宽度：可以通过上方、右侧、下方、左侧来调整图片展示样式，取值范围0~500之间。
    - 边框偏移：可以通过上方、右侧、下方、左侧来调整图片展示样式，取值范围0~500之间。
装饰（样式）
- 缩放模式：支持保持原图大小、按比例缩放、拉伸缩放。
- 样式：支持丰富多种样式设置。
背景图
- 效果
  - 背景色：设置自定义背景组件的背景颜色。
  - 羽化：设置自定义组件的羽化，输入值必须在0到100之间。
    图3 无羽化效果
    
    图4 羽化效果
  - 模糊度：设置自定义组件的模糊度，输入值必须在0到100之间。
  - 亮度：设置自定义组件的亮度，输入值必须在0到200之间。
  - 色相旋转：设置自定义组件的色相旋转，输入值必须在0到360之间。
  - 不透明度：设置自定义组件的不透明度，输入值必须在0到100之间。
- 边线选项
  - 样式：支持实线、虚线、点划线的设置。
  - 宽度：设置边线的宽度，输入值不能小于0。
  - 颜色：设置边线的颜色。
- 圆角
  - 左上角：设置圆角的左上侧，输入值不能小于0。
  - 右上角：设置圆角的右上侧，输入值不能小于0。
  - 右下角：设置圆角的右下侧，输入值不能小于0。
  - 左下角：设置圆角的左下侧，输入值不能小于0。
    图5 圆角都为0效果
    
    图6 圆角都为90效果
- 填充
  - 使用素材：添加预置背景图，方便高频复用背景图。
  - 自定义背景：
    - 图片：支持url添加和本地上传图片。
    - 缩放模式：支持报错原图大小、按比例缩放、裁剪缩放、拉伸缩放。
    - 图片位置：支持设置为居中对齐、左对齐、右对齐、顶对齐、底对齐。