Numerical filter component

1 Overview

For online video learning of numerical interval filtering component, please refer to: filtering component

1.1 version

1.2 Application scenarios

Filter the numeric fields of other components on the dashboard, for example, filter out the data whose "contract amount" is between 1,000,000 and 2,000,000.

1.3 Function introduction

There are three numerical range filtering components, namely "numerical range", "range slider", and "numerical drop-down", as shown in the figure below:

Note: Numerical interval filter component fields support selection by table or selection by component; support multi-table field selection, and the optional field source table does not need to have any association.

1.4 Matters needing attention

The numerical filter component filters the source data of the bound field, not the calculated data (summary result). For example, the data source is daily data, and the table is displayed as monthly data. If you select a numeric value filter, the numeric value of the daily data will be filtered.

If you need to filter the "calculated data result", you can use the analysis area field to filter. For details, see: Introduction to Visual Filtering

2. Operation steps

1) Create a new dashboard, click Add component, and select Demo data "Regional Data Analysis", as shown in the figure below:

2) Make a detailed list, as shown in the figure below:

3) And click to enter the dashboard, enter the dashboard edit page, click "filter component", select the required numerical range filter component and drag it in, as shown in the figure below:

2.1 Value drop-down

2.1.1 Set filter

After dragging in the "Numerical Drop-down" component. Bind the field and set the default value of the filter component, and check "Set as required", that is, the default value cannot be empty, as shown in the following figure:

Note: Please refer to section 2.1 of the time filter component for details.

2.1.2 Effect view

Check the value in the drop-down box of the "Value drop-down" component to filter in the detailed table, as shown in the following figure:

2.2 Numerical interval

2.2.1 Set filter

Drag in the "Numeric Interval" filter component, bind the "Contract Amount", and set the default minimum value of the range to 200000, as shown in the following figure:

2.2.2 Effect view

Click OK, and the user can set the interval to filter other components, for example, set the value interval to 200000-400000, as shown in the figure below:

2.3 Interval slider

2.3.1 Set filter

The draggable range of the interval slider is determined by the maximum and minimum values of the bound field.

Drag in the filter component of "Interval Slider" and bind the field "Contract Amount", as shown in the figure below:

2.3.2 Effect view

Click OK, adjust the slider interval, you can filter out the corresponding value, as shown in the figure below: