圆形组件是在画布上展示一个圆形/椭圆形区域的组件。

圆形组区域内不支持设置文本内容(请使用 文本组件),或设置背景图片(请使用 图片组件)。

122.png

一、添加组件

点击“组件”打开组件库列表,点击“圆形”组件拖到画布区。
123.gif

二、调整组件位置

通用的调整组件位置方法,请参考文档:调整组件位置

三、调整组件大小

通用的调整组件大小方法,请参考文档:调整组件大小

圆形组件的宽度和高度相等时,形状为圆形;宽度和高度不相等时,形状为椭圆形。

四、通用

组件通用配置请参考文档:组件通用配置

五、图形样式

在图形样式中,可以设置矩形组件的 填充描边

1. 填充

  • 使用固定值的颜色时,矩形的填充颜色固定不变。可以通过调色盘(下图左)中设置颜色和透明度,或者直接在颜色代码框(下图右)中直接输入颜色的六位十六进制代码值和透明度值。

124.png125.png

  • 使用关联数据的颜色时,文本颜色由数据源动态决定。数据源的数据可以是:
    • 颜色单词(例如:redbluewhite 等);
    • 六位或八位十六进制颜色码(例如:#FFFFFF#FFFFFFFF 等);
    • RGB/RGBA颜色值(例如:RGB(255,0,255)RGBA(255,0,255) 等)。

八位颜色码前两位为透明度,00为完全透明,FF为完全不透明。

126.gif

2.描边

形状组件可以设置区域是否有描边。

描边可以设置:

  • 描线宽度(0~100px,向内描边);
  • 描线形状(实线/虚线);
  • 描线颜色(只支持固定值颜色,与 填充 的设置方法相同);

127.png

六、交互

通用的交互配置请参考文档:组件交互