全部產品
Search
文件中心

Quick BI:平鋪按鈕

更新時間:Jun 30, 2024

平鋪按鈕是互動組件中的一種,支援自訂多種狀態下的列表的顏色、大小、標籤內容以及背景等,可以通過互動配置,與其他組件配合使用,在可視化圖表中展示您配置的內容等。本文以平鋪按鈕與翻牌器互動使用為例,介紹如何添加並管理平鋪按鈕組件。

前提條件

效果圖

3.gif

添加平鋪按鈕控制項

  1. 在儀表板編輯頁面,單擊頂部功能表列的互動,添加平鋪按鈕控制項。添加平鋪按鈕

  2. 單擊請選擇資料集,並按照下圖指引,添加資料作為參數來源,並且綁定受該參數控制的圖層。更新後的互動圖如下:互動

您還可以對資料進行以下操作:欄位設定

平鋪按鈕樣式配置

位置和尺寸

您可以在配置區對組件進行如下設定:

  • 調整組件的對齊:支援靠左對齊、置中和靠右對齊等。

  • 調整組件的尺寸:以左上方為原點,設定X和Y軸的值,調整位置。

  • 調整組件的角度:設定旋轉角度的值。

  • 調整組件的大小:設定W和H的值,調整組件的寬度和高度。

  • 鎖定組件:鎖定組件後,您將無法調整組件的大小和位置。

大小和位置

平鋪布局

您可以在配置區對組件進行如下設定:

  • 調整組件的水平對齊:支援靠左對齊、置中和靠右對齊。

  • 調整組件的按鈕:支援調整按鈕的間距以及寬度。

平鋪布局

預設按鈕狀態

您可以在配置區對組件文本進行如下設定:

  • 調整組件文本的字型樣式:支援設定文本的字型、顏色、字型大小、加粗、傾斜。

  • 調整組件的背景:支援設定組件的背景填充色。

  • 調整組件的邊框:支援設定組件邊框的樣式、顏色以及寬度。

  • 調整組件的圓角半徑:支援設定組件邊框的圓角半徑。

預設按鈕狀態

選中狀態

您可以在配置區對選中後按鈕進行如下設定:

  • 調整選中後按鈕的字型樣式:支援設定文本的字型、顏色、字型大小、加粗、傾斜。

  • 調整選中後按鈕的背景:支援設定組件的背景填充色。

  • 調整選中後按鈕的邊框:支援設定組件邊框的樣式、顏色以及寬度。

  • 調整選中後按鈕的圓角半徑:支援設定組件邊框的圓角半徑。

平鋪按鈕選中狀態

輪播

您可以設定平鋪按鈕的輪流播放以及時間間隔。效果圖

功能

您可以設定平鋪按鈕的維值。功能