[]
        
在线Demo 免费试用
(Showing Draft Content)

外观样式

1. 概述

1.1 功能概述

组件的外观样式用于设置整个组件的外观,可以根据需要自定义填充颜色、字体颜色、字体样式、内部边距、外部边距、背景图片、边框以及阴影效果等属性。选择不同的组件,其对应的外观样式可能会不同,请您参考需要的属性。本节为您介绍外观样式属性。如下图所示为柱状图的外观样式属性。

PixPin_2025-06-18_15-17-47

2. 外观样式

2.1 填充颜色(背景颜色)

  1. 设置组件的背景填充色。单击色块打开取色器选择颜色;单击右侧的image2018-5-17_11-44-33.png,选择“ 重置 ”即可恢复默认设置。使用主题色时,如果仪表板的主题更换,此处的颜色会自动跟随主题发生变化。

    PixPin_2025-06-18_15-19-50

2.2 内部边距

  1. 组件内容与边框的空隙,默认四个方向相同,均为10,可填写自定义数值。单击右侧的image2018-5-17_11-44-33.png,选择重置即可恢复默认设置。

    PixPin_2025-06-18_15-21-02

    自定义四边内部边距:

    PixPin_2025-06-18_15-25-51

2.3 外部边距

  1. 设置组件与组件外边线的距离,可以控制组件之间的距离。默认四个方向的边距相同,初始默认值为3,可填写自定义数值。单击右侧的image2018-5-17_11-44-33.png,选择“ 重置 ”即可恢复默认设置。

    PixPin_2025-06-18_15-26-59

    自定义四边外部边距:

    PixPin_2025-06-18_15-27-22

2.4 是否可见

  1. 设置组件默认是否可见,默认可见。用于和图片组件配合实现动态显示和隐藏,详见动态控制组件隐藏/显示

    PixPin_2025-06-18_15-31-42

2.5 背景图片

  1. 单击“ 背景图片 ”后的image2019-6-26_14-25-11.png,在图片管理中选择共享图片或通过添加新图片。详情可参考图片组件中的相关介绍。

    PixPin_2025-06-18_15-33-59

  • 添加图片后,可对图片进行以下设置:

    • 重复填充:设置当图片小于组件区域时是否进行重复填充。单击下拉箭头,可选择不重复、重复、横向重复、纵向重复、重复,完整填充、重复,填满。

    • 填充尺寸:设置图片填充到组件中的尺寸。单击下拉箭头,选择原始大小、包含、覆盖、拉伸。

    • 垂直位置:设置图片在组件中的垂直位置。单击下拉箭头,可选择居中、顶部、底部。

    • 水平位置:设置图片在组件中的水平位置。单击下拉箭头,可选择居中、左对齐、右对齐。

2.6 边框颜色

  1. 设置组件的边框颜色,单击色块打开取色器选择颜色。当边框宽度大于0时才可生效。

    PixPin_2025-06-18_15-36-15

2.7 边框宽度

  1. 设置边框的宽度(粗细),默认值为0,即无边框。用户可以根据需要输入整数值来设置边框。

    PixPin_2025-06-18_15-37-08

2.8 圆角半径

  1. 设置边框是否为圆角,默认值为0,即为直角。用户可根据需要输入整数值来调整,值越大,圆角越大。

    PixPin_2025-06-18_15-37-46

2.9 阴影

  1. 提供了一组选项用来设定组件边框的阴影。默认无阴影。用户可以根据需要指定是否显示阴影(内部/外部/全部/无),设置阴影颜色以及阴影大小(小/中/大)。

    PixPin_2025-06-18_15-38-34