全部產品
Search
文件中心

Quick BI:日期選取器

更新時間:Jun 30, 2024

日期選取器是互動組件中的一種,支援自訂多種狀態下日期選取器的大小、顏色、文本樣式、查詢條件等,可以通過互動配置,與其他組件配合使用,在可視化圖表中展示您配置的內容。本文介紹如何添加並管理日期選取器組件。

前提條件

已建立資料大屏。具體操作,請參見建立資料大屏

效果圖

日期選取器-效果圖.gif

添加日期選取器

在儀表板編輯頁面,單擊頂部功能表列的互動,添加日期選取器。image.png

資料配置

您可在互動控制項的資料配置區進行配置查詢參數、配置查詢條件、綁定參數生效圖層等操作。

配置查詢參數

您可將資料集中的日期欄位拖拽至日期選取器,僅支援的日期粒度為年、季度、月、日,且僅支援拖拽1個維度。

image.png

配置查詢條件

支援配置時間篩選範圍、篩選方式、預設值。配置查詢條件的入口如下:

image.png

  1. 配置時間篩選範圍:可自訂時間篩選的範圍,可選擇的區間類型有開始於、結束於、時間區間。下面以時間區間為例,配置時間區間為2020至2023年。image.png則在點擊日期選取器時,可供選擇的時間區間只能為2020至2023年之間,配置效果如下:image.png

  2. 配置篩選方式:支援單時間、時間區間。

    1. 單時間:image.png

    2. 時間區間(支援開始於、結束於、時間區間,不支援快捷區間image.png

  3. 配置預設值

    1. 單時間image.png

    2. 時間區間image.png

樣式配置

位置和尺寸

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

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

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

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

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

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

image.png

文本樣式

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

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

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

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

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

image.png