下拉选择框

卡片

卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础元素（卡片标题、图表、卡片背景、卡片边框）和图表元素构成。

图3 卡片

• 背景
  • 背景色：设置组件卡片的背景颜色。
  • 边框：组件卡片边框设置，支持无边框、全边框和角边框三种样式。设置为全边框和角边框时，支持设置组件外圈边框的线型、圆角等。
  • 样式：选择图片时，图片显示的样式，支持普通、居中、拉伸和平铺四种样式。
  • 选择图片：使用本地的图片作为组件背景，支持新增目录和子目录，便于对图片进行分类管理。推荐使用JPG、JPEG、PNG或GIF格式的图片，且每张图片不能超过50MB。
• 特效：组件是否高亮显示，支持默认展示和跳转到页面时展示。
• 边距：组件中图表距离整个组件四边（上、下、左、右，如图2）的距离，默认为0，即铺满整个组件。

配置

在配置中，对下拉选择框和下拉弹出框进行设置。

图4 配置

• 下拉选择框设置
  • 开启多选：开启后，支持自定义默认选项。
  • 默认选择项：下拉框默认的选择项。
  • 字体：下拉框中字体的大小、颜色等设置。
  • 背景颜色：设置下拉框的背景颜色。
  • 边框颜色：默认状态下，下拉框边框的颜色。
  • 边框聚焦颜色：鼠标选中下拉框时，边框的颜色。
  • 边框悬浮颜色：鼠标悬浮在下拉框上时，边框的颜色。
  • 占位符：没有输入内容时，展示的文字内容。
  • 是否禁用：是否禁用该下拉框，禁用后，用户不可选择内容。
  • 是否可输入：禁用后，只能在下拉框中选择，无法输入查找。
    图5 设置后效
    
• 下拉弹出框设置
  • 最大高度：设置下拉弹出框的最大高度。
  • 背景颜色：设置下拉弹出框的背景色。
  • 字体颜色：设置下拉弹出框中字体的颜色。
  • 选中态背景颜色：设置选中某项内容时，背景的颜色。
  • 选中态字体颜色：设置选中某项内容时，字体的颜色。
  • 鼠标悬浮时背景颜色：设置鼠标悬浮在某项内容上时，背景的颜色。
  • 鼠标悬浮时字体颜色：设置鼠标悬浮在某项内容上时，字体的颜色。

数据

在数据中，设置下拉选择框组件的数据来源，更多介绍请参见数据接入。

交互

在交互中，配置下拉选择框组件与其他组件或页面之间的交互能力。更多交互介绍，请参见交互设置。