平鋪按鈕是交互組件中的一種,支持自定義多種狀態(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è)置平鋪按鈕的維值。