Time Filter Component

  • Last update:August 13, 2024
  • Overview 

    Version

    FineBI VersionFunctional Change
    6.0/
    6.1.1Added the time button group to enrich dynamic time filtering (such as the current day, the current week, and the last seven days).

    Application Scenario

    The Time Filter Component can filter the date field data in other components, such as filtering data by year-month, year-quarter, and a specific date interval. 

    The basic data involved in components typically spans over a long period and filtering data over a long timespan may result in downtime. In addition, data on some dates is meaningless for a query. In this case, you can use the Set Optional Interval function when making time filter components to limit users' selection of time range. Users can also set the time-filtering condition to a dynamic time compared to the current time, which can change with the date.

    Function Description

    The Time Filter Component can only filter date-type fields.

    There are a total of eight time filter components, namely Year Filter Component, Year-Month Filter Component, Year-Quarter Filter Component, Date Filter Component, Date Panel Filter Component, Date Interval Filter Component, Year-Month Interval Filter Component, and Button Group Filter Component, as shown in the following figure.

    图片1.png

    Example One: Year Filter Component

    You can use the sample data: Regional Data Analysis.xlsx.

    This section uses the Year Filter Component and the Regional Data Analysis dataset to illustrate how to filter data by year and limit users to only filter the data of 2014 and 2015.

    1. Create a component, drag the Time of Contract field into Dimension and the Received Payment field into Indicator, and set Time of Contract to be grouped by Year-Month, as shown in the following figure.

    2. Create a dashboard, drag the prepared component to the dashboard, and add Year Filter Component, as shown in the following figure.

    3. Go to the editing interface of the filter component, drag Time of Contract into Field, tick Set Optional Interval, and set the interval to 2014-2015, as shown in the following figure.

    The component displays data of 2014 by default and only 2014 and 2015 can be chosen as the filtering condition. Other year options are grayed and cannot be chosen, as shown in the following figure.

    Screen Recording 2023-12-25 at 10.23.22.gif

    Example Two: Time Button Group

    By configuring the button group, you can quickly filter the desired time through the buttons.

    Time Button Group Setting

    1. Drag Button Group into the dashboard, as shown in the following figure.

    9d4b077ec4e257788e772c2efdcd1e7.png

    2. Drag the date fields that need to be bound.

    50a2f8e60a86657c08511ce718c4924.png

    In this way, you can quickly obtain some dynamic time period filters.

    d7bf8bdbdabaed2bcb5d2f9f2cb4c69.png

    Button Group Label Customizing

    To modify the button labels to Q1 2024, Q2 2024, Current Day, This Month, and Last 30 Days:

    1. Re-enter the filter component editing page to manually configure labels. Select Custom Label and click the 3a07b4273734a5f57c8d786d8223c55.png icon, as shown in the following figure.

    7185de636d1533261d0ea7c4c0daaef.png

    2. Go to the setting page, select Current Day, This Month, and Last 30 Days, and click Add Label, as shown in the following figure.

    2e987d01a2c6433c9b88ca3e77a48ff.png

    3. Create the labels of Q1 2024 and Q2 2024 and set label names and time periods.

    568f08a089c73a40c1f699f9a0e026d.png

    4. Select the created labels and click OK. (You can drag the labels on the right to reorder them.)

    a54c336ac9411814bd09bd6379bbfa0.png

    The final effect is shown in the following figure.

    842a8cfef474731da0dc0176dc92e27.png

    Application of Time Filter Component

    Drag a Time Filter Component into a dashboard and drag Time of Contract of the Regional Data Analysis table into Field.

    Time Filter ComponentConditionEffect
    Year-Month Filter Component

    Choose 2014-01.

    Display data of which the Time of Contract is 2014-01-XX.

    Only set the Year to 2014.

    Display all data of which the Time of Contract is 2014-XX-XX.

    Year-Quarter Filter Component

    Choose 2014 anSecond Quarter.

    Display data of which the Time of Contract is between 2014-04 and 2014-06.

    Date Filter Component

    Choose 2014-10-30.

    Display data of which the Time of Contract is 2014-10-30.

     

    Date Panel Filter Component

    Choose 2014-10-30.

    Display data of which the Time of Contract is 2014-10-30.

    Date Interval Filter Component

    Choose 2015-09-01 and 2015-09-10.

    Display data of which the Time of Contract is between 2015-09-01 and 2015-09-10.

    Only set the start time to 2015-09-01.

    Display all data of which the Time of Contract is equal to or later than 2015-09-01.

    Only set the end time to 2015-09-10.

    Display all data of which the Time of Contract is equal to or earlier than 2015-09-10.

    Year-Month Interval Filter Component

    Choose 2013-01 and 2013-07.

    Display all data of which the Time of Contract is between 2013-01 and 2013-07.

    Only set the start year to 2013.

    Display all data of which the Time of Contract is equal to or later than 2013-01-01.

     

    Only set the end year to 2013.

    Display all data of which the Time of Contract is equal to or earlier than 2013-01-01.

    Dynamic Time Filtering

    Filtering the Dynamic Time

    Users can set the time-filtering condition to a dynamic time compared to the current time, which can change with the date.

    For example, if the current date is 2023-12-25, and you want the data of 2023-11-25, you can set the dynamic time as follows and click OK.

    The filtering is performed accordingly as the date changes. If the current date turns to 2023-12-28, the data of 2023-11-28 will be displayed.

    Filtering the Current Time 

    You can set the current time as the filtering condition. For example, when using the Date Filter Component, you can select Today as the filtering condition, as shown in the following figure.

    1703471729IX3b.png

    The default current time of the Date Filter ComponentDate Panel Filter Component, and Date Interval Filter Component is Today.

    The default current time of the Year Filter Component is Current Year.

    The default current time of the Year-Month Filter Component, and Year-Month Interval Filter Component is Current Month.

    The default current time of the Year-Quarter Filter Component is Current Quarter

    iconNote:
    For setting a dynamic time compared to the current time, see section "Dynamic Time Filtering".

    Time Options of Different Filter Components in Dynamic Time

    Time Filter ComponentOptions of Time Compared to Current Time
    Year Filter Component

    Year

    Year-Quarter Filter Component

    Year, quarter

    Year-Month Filter Component, Year-Month Interval Filter Component

    Year, month

    Date Filter Component, Date Interval Filter Component, Date Panel Filter Component

    Year, quarter, month, week, day, weekday

    Weekday Explanation

    The Date Filter Component, the Date Interval Filter Component, and the Date Panel Filter Component can be used to get the data of certain weekdays before or after the current time.

    By default, all dates except for official holidays are regarded as weekdays in FineBI.

    Enterprises can modify the holiday file in %FineBI%\webapps\webroot\WEB-INF\assets\extdata to match their holidays.

    Open the holiday file in Notepad, and add or delete holidays as shown in the following figure.

    If you are using FineBI released before 2022, download the latest holiday file. Replace the original holiday file in %FineBI%\webapps\webroot\WEB-INF\assets\extdata with the latest one after decompression. If you are using FineBI released after 2022, no processing is required.

    iconNote:

    1. Only xxxx-xx-xx date format is supported for customizing holidays at the time being, as shown in the above figure. The format of xxxx/xx/xx is not supported.

    2. Do not modify the holiday file using Excel, where dates are stored in the format of xxxx-xx-xx automatically after you save the modification, which will cause filtering errors. Using a text editor is advised.

    Hour, Minute, and Second Filtering

    On the editing interface of the Date Filter Component, the Date Panel Filter Component, and the Date Interval Filter Component, you can enable Show Time, which is disabled by default. If it is enabled, users can make detailed filtering by adding hour, minute, and second into the filtering condition. 

    On the filter component editing interface, tick Show Time to enable it, as shown in the following figure.

    The filter component with Show Time enabled is shown in the figure below, and users can filter the data of a specific moment.

    Filter Component Style Settings

    For details about customizing the background color, theme color, title text, and others of the filter component, see Setting Filter Component Style in Dashboard Styles.


    附件列表


    主题: Creating a Dashboard
    Previous
    Next
    • Helpful
    • Not helpful
    • Only read

    滑鼠選中內容,快速回饋問題

    滑鼠選中存在疑惑的內容,即可快速回饋問題,我們將會跟進處理。

    不再提示

    10s後關閉

    Get
    Help
    Online Support
    Professional technical support is provided to quickly help you solve problems.
    Online support is available from 9:00-12:00 and 13:30-17:30 on weekdays.
    Page Feedback
    You can provide suggestions and feedback for the current web page.
    Pre-Sales Consultation
    Business Consultation
    Business: international@fanruan.com
    Support: support@fanruan.com
    Page Feedback
    *Problem Type
    Cannot be empty
    Problem Description
    0/1000
    Cannot be empty

    Submitted successfully

    Network busy