日期選擇器是交互組件中的一種,支持自定義多種狀態下日期選擇器的大小、顏色、文本樣式、查詢條件等,可以通過交互配置,與其他組件配合使用,在可視化圖表中展示您配置的內容。本文介紹如何添加并管理日期選擇器組件。
前提條件
已創建數據大屏。具體操作,請參見新建數據大屏。
效果圖
添加日期選擇器
在儀表板編輯頁面,單擊頂部菜單欄的交互,添加日期選擇器。
數據配置
您可在交互控件的數據配置區進行配置查詢參數、配置查詢條件、綁定參數生效圖層等操作。
配置查詢參數
您可將數據集中的日期字段拖拽至日期選擇器,僅支持的日期粒度為年、季度、月、日,且僅支持拖拽1個維度。
配置查詢條件
支持配置時間篩選范圍、篩選方式、默認值。配置查詢條件的入口如下:
配置時間篩選范圍:可自定義時間篩選的范圍,可選擇的區間類型有開始于、結束于、時間區間。下面以時間區間為例,配置時間區間為2020至2023年。則在點擊日期選擇器時,可供選擇的時間區間只能為2020至2023年之間,配置效果如下:
配置篩選方式:支持單時間、時間區間。
單時間:
時間區間(支持開始于、結束于、時間區間,不支持快捷區間):
配置默認值:
單時間:
時間區間:
樣式配置
位置和尺寸
您可以在配置區對組件進行如下設置:
調整組件的對齊方式:支持左對齊、居中和右對齊等。
調整組件的尺寸:以左上角為原點,設置X和Y軸的值,調整位置。
調整組件的角度:設置旋轉角度的值。
調整組件的大小:設置W和H的值,調整組件的寬度和高度。
鎖定組件:鎖定組件后,您將無法調整組件的大小和位置。
文本樣式
您可以在配置區對組件文本進行如下設置:
調整組件文本的字體樣式:支持設置文本的字體、顏色、字體大小、加粗、傾斜。
調整組件的背景:支持設置組件的背景填充色。
調整組件的邊框:支持設置組件邊框的樣式、顏色以及寬度。
調整組件的圓角半徑:支持設置組件邊框的圓角半徑。
文檔內容是否對您有幫助?