Hierarchy Filter
Last updated
Last updated
The Hierarchy Filter View enables users to display and interact with data in a hierarchical structure within the visual. This feature allows easier navigation and filtering of data, especially when dealing with multi-level categories.
Add the required data to the Category field in the visualizations pane.
Go to the Format Pane and enable the Hierarchy Filter Settings to "On."
When Hierarchy Filter is enabled, additional sections for customization become available in the format pane:
When enabled allows user to customize specific styling for different levels of the hierarchy.
When Category Styles is enabled, node-specific sections like Top Node Style, Parent Node Style, and Child Node Style are disabled.
Choose from Checkbox, Radio, or List options for selecting items. By default, checkbox is multi select and radio is single select. When the list option is selected, a toggle is provided to enable or disable single select.
Enable to display a "Select All" option at the top of the hierarchy.
Additionally, customize the label for the "Select All" option using the textbox below it.
Enable to activate additional options, such as Expand All, Collapse All, and Expand To, accessible via right-click in the visual.
When enabled, you can select the child count type as Leaf Count or Immediate Child.
Leaf Count: Shows the total number of child elements at the leaf level.
Immediate Child: Displays the count of direct child elements.
When enabled, you can select the display as Display All (XABCN), Display Parent Only (XABC), Display Parent (Multi-Level) (XA), Display Child as Parent (XAN).
Display All (XABCN): Shows all levels.
Display Parent Only (XABC): Displays only the parent level.
Display Parent (Multi-Level) (XA): Displays all parent levels.
Display Child as Parent (XAN): Shows the last level as the parent.
Enable it to apply alternating background colors for rows.
Customize the background color via a color selection pop-up.
Select Arrow or Plus/Minus as the expand collapse icon from the dropdown list.
Configure the "Expand to Level" setting to define the number of hierarchy levels to be expanded in the visual.
Top Node Style:
Enabled when there are three or more levels in the Category Field.
Customize Font Style as Bold, Italics, or Default, Font Size and Font Color.
Parent Node Style:
Enabled when there are two or more levels in the Category Field.
Customize Font Style as Bold, Italics, or Default, Font Size and Font Color.
Child Node Style:
Enabled when there is only one level in the Category Field.
Customize Font Style as Bold, Italics, or Default, Font Size and Font Color.
Enable Category Styles in hierarchy filter options to format the category using Category styles as in facet filter.
General Section: Configuring this Applies to all levels in the category field. Configuration options available in this section are the following:
Text Color: Click on the Dropdown to select a color.
Background Color: Click on the Dropdown to select a color.
Font Style: Dropdown to set font style, with size adjustment and formatting options (Bold, Italics, Underline).
Header Label Color: Click on the Dropdown to select a color.
Header Background Color: Click on the Dropdown to select a color.
Header Font Style: Dropdown to set font style, with size adjustment and formatting options (Bold, Italics, Underline).
Category Section: Sections are added corresponding to the data entered in the category field. Configuration options available in this section are the following:
Filter Type: Dropdown to choose filter icons (Checkbox, Radio, List, Dropdown, Tile, Toggle).
Single Select: Toggle to enable or disable single selection (available for List, Dropdown, Tile, and Toggle filter types).
Placeholder Text: Option to set placeholder text.
Text Color: Dropdown with a pop-up to choose a color.
Background Color: Dropdown with a pop-up to choose a color.
Font Style: Dropdown to set font style, with size adjustment and formatting options (Bold, Italics, Underline).
Header Text Color: Dropdown to select a color for header text.
Header Background Color: Dropdown to select a background color for the header.
Header Font Style: Dropdown for font customization, with size adjustment and formatting options as described above.
Reset to Default: A button located at the bottom left of the Category Styles section to reset all customizations.