平鋪按鈕是交互組件中的一種，支持自定義多種狀態(tài)下的列表的顏色、大小、標(biāo)簽內(nèi)容以及背景等，可以通過交互配置，與其他組件配合使用，在可視化圖表中展示您配置的內(nèi)容等。本文以平鋪按鈕與翻牌器交互使用為例，介紹如何添加并管理平鋪按鈕組件。
前提條件
- 已創(chuàng)建數(shù)據(jù)大屏。具體操作，請參見新建數(shù)據(jù)大屏。
- 已添加翻牌器組件。具體操作，請參見翻牌器。
效果圖
添加平鋪按鈕控件
- 在儀表板編輯頁面，單擊頂部菜單欄的交互，添加平鋪按鈕控件。
- 單擊請選擇數(shù)據(jù)集，并按照下圖指引，添加數(shù)據(jù)作為參數(shù)來源，并且綁定受該參數(shù)控制的圖層。更新后的交互圖如下：
您還可以對數(shù)據(jù)進行以下操作：
- 批量設(shè)置字段格式（①），詳細(xì)操作請參見批量配置字段樣式。
- 設(shè)置字段過濾（②），詳細(xì)操作請參見篩選數(shù)據(jù)。
- 添加交互組件（③）。
- 切換數(shù)據(jù)集（④），詳細(xì)操作請參見切換數(shù)據(jù)集。
- 編輯數(shù)據(jù)集（⑤），詳細(xì)操作請參見編輯數(shù)據(jù)集。
- 加工數(shù)據(jù)（新建計算字段、新建分組維度⑥），詳細(xì)操作請參見新建計算字段和新建分組維度。
- 復(fù)制字段（⑦），詳細(xì)操作請參見復(fù)制并轉(zhuǎn)換字段。
平鋪按鈕樣式配置
位置和尺寸
您可以在配置區(qū)對組件進行如下設(shè)置：
- 調(diào)整組件的對齊方式：支持左對齊、居中和右對齊等。
- 調(diào)整組件的尺寸：以左上角為原點，設(shè)置X和Y軸的值，調(diào)整位置。
- 調(diào)整組件的角度：設(shè)置旋轉(zhuǎn)角度的值。
- 調(diào)整組件的大小：設(shè)置W和H的值，調(diào)整組件的寬度和高度。
- 鎖定組件：鎖定組件后，您將無法調(diào)整組件的大小和位置。
平鋪布局
您可以在配置區(qū)對組件進行如下設(shè)置：
- 調(diào)整組件的水平對齊方式：支持左對齊、居中和右對齊。
- 調(diào)整組件的按鈕：支持調(diào)整按鈕的間距以及寬度。
默認(rèn)按鈕狀態(tài)
您可以在配置區(qū)對組件文本進行如下設(shè)置：
- 調(diào)整組件文本的字體樣式：支持設(shè)置文本的字體、顏色、字體大小、加粗、傾斜。
- 調(diào)整組件的背景：支持設(shè)置組件的背景填充色。
- 調(diào)整組件的邊框：支持設(shè)置組件邊框的樣式、顏色以及寬度。
- 調(diào)整組件的圓角半徑：支持設(shè)置組件邊框的圓角半徑。
選中狀態(tài)
您可以在配置區(qū)對選中后按鈕進行如下設(shè)置：
- 調(diào)整選中后按鈕的字體樣式：支持設(shè)置文本的字體、顏色、字體大小、加粗、傾斜。
- 調(diào)整選中后按鈕的背景：支持設(shè)置組件的背景填充色。
- 調(diào)整選中后按鈕的邊框：支持設(shè)置組件邊框的樣式、顏色以及寬度。
- 調(diào)整選中后按鈕的圓角半徑：支持設(shè)置組件邊框的圓角半徑。
輪播
您可以設(shè)置平鋪按鈕的輪流播放以及時間間隔。
功能
您可以設(shè)置平鋪按鈕的維值。