過濾組件基礎功能

1.1 版本

1.2 應用場景

過濾組件擁有多種功能，透過對過濾組件進行一系列操作實現不同效果，滿足使用者需求。如下圖所示：

1.3 功能介紹

過濾組件的基礎功能如下表所示：

過濾組件設定介面在新增了欄位以後，可以對新增的欄位內容進行過濾，比如新增了「合同型別」欄位過濾，但是在儀表板正文下拉中只想展示三種合同型別，可以在過濾組件新增欄位後下拉選擇過濾，如下圖所示：

新增過濾條件，「合同型別」欄位屬於「 購買合同」、「長期協定」和「長期協定訂單」，點選「確定」儲存設定。如下圖所示：

此時可以看到該過濾組件僅能選擇三種合同型別，如下圖所示：

注：時間與數值過濾組件不支援該欄位過濾的功能。

3.1 升冪/降冪

1）在過濾組件設定介面的過濾欄位新增處進行設定，同時支援「自訂排序」，如下圖所示：

2）過濾欄位設定的排序可以選擇排序依賴的欄位，比如我們為「客戶ID」設定按照「總金額」升冪，點選「確定」儲存，如下圖所示：

3）查看該正文過濾組件的資料可以看到，「客戶ID」欄位值按照「合同金額」排序，如下圖所示：

「降冪」與「升冪」步驟一致。

3.2 自訂排序

「自訂排序」就是拖動資料，手動設定過濾值順序，如下圖所示：

在過濾組件編輯介面，設定自訂範圍後，只對部分指定組件有過濾效果。若不進行過濾組件的自訂控制範圍設定，則為預設控制範圍。

1）右側選擇控制範圍為「組件」和「組件2」，即在儀表板中該過濾組件只對着兩個組件有過濾效果，如下圖所示：

2）在右側控制範圍，無法控制的組件顯示灰化狀態，並提示：無綁定欄位或綁定欄位無法控制此組件，如下圖所示：

可設定不同使用者登入，展示的該儀表板資料分析內容也不相同。

詳情參見：過濾組件登入名傳遞預設值

懸浮表示允許過濾組件與其他組件或者元件疊加顯示，實現自由佈局。點選，選擇「懸浮」，如下圖所示：

則可以拖拽該組件至儀表板內任何地方，包括疊加到分組表組件內部。如下圖所示：

其中設定懸浮的過濾組件始終改寫在未設定懸浮的組件/過濾組件上方。若兩個組件均設定懸浮，則可以點選「下拉」選擇「順序」，設定兩個組件顯示的順序，哪個「置於頂部」，哪個「置於底部」。如下圖所示：

為已經選擇過濾條件的正文過濾組件點選「清空所選資料」，則所有已選條件都被清空，可以重新進行條件的選擇，如下圖所示：

8.1 顯示/隱藏標題

過濾組件預設狀態是「顯示標題」，點選「顯示標題」可以取消顯示標題，如下圖所示：

8.2 編輯標題

編輯標題可以修改過濾組件顯示的標題，過濾組件預設名稱為「文字下拉」、「文字列表」、「數值區間」等，詳情請參見：編輯組件標題。

點選「編輯標題」可進行名稱樣式的修改，如下圖所示：

在過濾組件編輯介面，可以選擇切換同型別的過濾組件，例如選擇正文下拉過濾組件後，可以透過「展示型別」切換為正文列表過濾組件，如下圖所示：

切換展示型別對應相同配置內容設定不清空，具體規則如下：

• 文字下拉、文字列表之間切換型別，保留【設為必填項】、【自訂值列表】、【綁定參數】、【單選多選】、【實際值顯示值】的設定項，篩選值包留；

• 時間過濾組件中日期、日期區間、日期面板之間切換型別，保留【顯示時間】、【設為必填項】兩項，【設定可選區間】、【綁定參數】清空，篩選值清空；

• 時間過濾組件中日期/日期區間/日期面板與年份、年月、年月區間、年季度之間互相切換型別，保留【設定必填項】，【設定可選區間】、【綁定參數】清空，篩選值清空；

• 樹標籤、下拉樹、列表樹之間切換型別，【設為必填項】保留，篩選值清空；

• 數值下拉、數值區間、區間滑塊之間切換型別，【自訂值列表】、【設為必填項】、【綁定參數】、【單選多選】清空，篩選值清空。

• 若未修改過濾組件標題，則切換展示型別後，對應過濾組件名稱根據展示型別動態變化。

在過濾組件編輯介面中，可以選擇「過濾方式」為多選或者單選，控制在下拉選擇的時候選擇一個或者多個。

例如在數值下拉中「過濾方式」選擇「單選」，在下拉選擇的時候只能選擇一個過濾數值，如下圖所示：

在數值下拉中「過濾方式」選擇「多選」，在下拉選擇的時候可以選擇多個過濾數值，如下圖所示：

過濾組件中可統一設定該儀表板中所有過濾組件的樣式，可設定標題背景、標題文字、組件背景、主題色。

點選「儀表板樣式>自訂>過濾組件」，將過濾組件標題背景設定「粉色」，標題文字粗體，組件背景設定為「西瓜紅」，組件邊框設定為圓角為「2」，邊框粗細為「2」。並設定過濾組件選擇框的主題色為「灰色」。效果如下圖所示：

若使用者需要對儀表板中其他組件的樣式進行設定，請參考：儀表板樣式

12.1 可選跨表欄位過濾

如果是組件使用聯動的多表製作，支援選擇聯動表內的欄位進行過濾。如下圖所示：

12.2 支援計算欄位過濾

6.0.8 版本及之後，過濾組件支援計算欄位進行過濾。如下圖所示：