平铺按钮是交互组件中的一种,支持自定义多种状态下的列表的颜色、大小、标签内容以及背景等,可以通过交互配置,与其他组件配合使用,在可视化图表中展示您配置的内容等。本文以平铺按钮与翻牌器交互使用为例,介绍如何添加并管理平铺按钮组件。

前提条件

  • 已创建数据大屏。具体操作,请参见新建数据大屏
  • 已添加翻牌器组件。具体操作,请参见翻牌器

效果图

效果图

添加平铺按钮控件

  1. 在仪表板编辑页面,单击顶部菜单栏的交互,添加平铺按钮控件。添加平铺按钮
  2. 单击请选择数据集,并按照下图指引,添加数据作为参数来源,并且绑定受该参数控制的图层。更新后的交互图如下:交互
您还可以对数据进行以下操作:字段设置

平铺按钮样式配置

位置和尺寸

您可以在配置区对组件进行如下设置:
  • 调整组件的对齐方式:支持左对齐、居中和右对齐等。
  • 调整组件的尺寸:以左上角为原点,设置X和Y轴的值,调整位置。
  • 调整组件的角度:设置旋转角度的值。
  • 调整组件的大小:设置W和H的值,调整组件的宽度和高度。
  • 锁定组件:锁定组件后,您将无法调整组件的大小和位置。
大小和位置

平铺布局

您可以在配置区对组件进行如下设置:
  • 调整组件的水平对齐方式:支持左对齐、居中和右对齐。
  • 调整组件的按钮:支持调整按钮的间距以及宽度。
平铺布局

默认按钮状态

您可以在配置区对组件文本进行如下设置:
  • 调整组件文本的字体样式:支持设置文本的字体、颜色、字体大小、加粗、倾斜。
  • 调整组件的背景:支持设置组件的背景填充色。
  • 调整组件的边框:支持设置组件边框的样式、颜色以及宽度。
  • 调整组件的圆角半径:支持设置组件边框的圆角半径。
默认按钮状态

选中状态

您可以在配置区对选中后按钮进行如下设置:
  • 调整选中后按钮的字体样式:支持设置文本的字体、颜色、字体大小、加粗、倾斜。
  • 调整选中后按钮的背景:支持设置组件的背景填充色。
  • 调整选中后按钮的边框:支持设置组件边框的样式、颜色以及宽度。
  • 调整选中后按钮的圆角半径:支持设置组件边框的圆角半径。
平铺按钮选中状态

轮播

您可以设置平铺按钮的轮流播放以及时间间隔。效果图

功能

您可以设置平铺按钮的维值。功能