全部產品
Search
文件中心

Quick BI:Tab內建立查詢控制項

更新時間:Jun 30, 2024

通過查詢控制項可以查詢單個或多個圖表中的資料,一個Tab中可以添加多個查詢控制項。

前提條件

效果圖

image.png

在Tab中添加查詢控制項

以給銷售情況Tab中添加查詢控制項為例進行介紹。

  1. 在儀表板編輯頁面,添加Tab控制項。

    您可以通過以下兩種方式添加Tab控制項。

    • 滑鼠懸浮至銷售情況標籤頁,單擊標籤頁右側更多表徵圖選擇插入查詢條件

      image.png

    • 樣式頁簽的標籤地區,單擊Tab1右側的311-查詢控制項表徵圖。

      image.png

  2. Tab內查詢條件設定頁面,完成以下三部分內容的設定。

    1. 查詢條件

      當您在查詢條件地區單擊添加表徵圖,新增查詢條件時,預設名稱為未命名,您可以輸入查詢條件名稱。

      image.png

      說明
      • 輸入查詢條件名稱後離開該地區命名即生效。

      • 查詢條件可通過隱藏表徵圖隱藏,隱藏後配置內容保留,在儀表板中不再顯示。

      • 單擊更多操作表徵圖,重新命名或刪除查詢條件。

    2. 關聯圖表及欄位

      選中要關聯的圖表並選擇關聯的欄位,可開啟欄位智能選入功能,同資料集下所選圖表的關聯欄位將被自動填入。如果圖表過多,可通過篩選功能選擇需要的圖表。

      43.gif

    3. 查詢條件配置

      查詢條件配置因選擇關聯欄位的類型不同而不同,以下為時間類型欄位年粒度的查詢條件配置,更多類型配置詳情請參見查詢類配置展示

      image.png

    4. 條件級聯配置

      配置級聯後,上層關係能級聯下層關係,同一層級的條件之間可以建立級聯。當您配置了全域查詢控制項、Tab內查詢控制項和圖表內查詢控制項時,則級聯關係為全域查詢控制項>Tab內查詢控制項>圖表內查詢控制項。請參見配置條件級聯

樣式

查詢條件設定完成後,在樣式中對查詢控制項展示樣式進行設定。

  • 模板配置中,已為您定義好模板,您可以根據需要選擇,快捷地完成查詢條件樣式的設定。

    模板樣式支援標題右側查詢標題下方下拉標題下方平鋪三種。

    21.gif

    您可以通過切換模板,一鍵切換查詢條件的樣式,節約時間成本。當您切換完成後,還可以繼續在基礎設定控制項樣式欄位樣式中,設定查詢條件的樣式。

  • 位置與布局,進行以下配置。

    模板配置選擇標題下方下拉標題下方平鋪方式時,支援在位置與布局裡配置預設展開全部篩選條件條件相片順序條件位於容器內位置條件間距

    22.gif

  • 條件選框裡,進行以下配置。

    配置項

    說明

    選框風格

    選框風格支援填充線框極簡

    44.gif

    背景色

    支援設定條件選框的背景色

    image.png

    邊框

    支援設定條件選框的邊框粗細及顏色。

    image.png

    圓角

    支援設定條件選框的圓角大小。

    image.png

    文本

    支援設定條件選框的文本顏色及字型大小

    image.png

    定製條件樣式

    您可針對查詢條件展示類型的不同,對單個查詢條件進行更定製化的樣式配置。

    image.png

    具體配置請參見定製條件樣式

    說明

    若對象重複,定製樣式會覆蓋上方的通用樣式,您可選擇重設來恢複預設。

  • 支援設定是否顯示條件名稱並配置條件名稱的位置文本與選框間距等。

    配置項

    說明

    位置

    模板配置選擇標題下方下拉標題下方平鋪方式時,支援配置條件名稱的位置在上方左側。當設定為上方時,支援對齊為靠左對齊、置中對齊和靠右對齊。

    45.gif

    文本

    支援設定條件名稱的文本樣式。

    image.png

    與選框間距

    支援設定條件名稱與選框間距

    46.gif

  • 按鈕裡,支援設定按鈕顯示按鈕位置按鈕顏色按鈕圓角文本樣式。

    配置項

    說明

    按鈕顯示

    image.png

    說明

    僅當按鈕顯示配置項選中清空顯示時,才會出現重設清空按鈕。

    • 重設:表示查詢條件恢複到設定的預設值。

    • 清空:表示清除查詢條件中顯示的值。

    假設控制項A級聯控制項B,則表示控制項A是控制項B的上層關係。若重設或清空的控制項A,則控制項B也會被重設或清空;反之,若重設或清空的控制項B,則控制項A不會被影響。

    按鈕顏色

    支援設定按鈕顏色

    image.png

    按鈕圓角

    支援設定按鈕圓角

    image.png

    文本

    支援設定按鈕的文本樣式。

    image.png