{"id":6676,"date":"2024-08-13T08:20:53","date_gmt":"2024-08-13T05:20:53","guid":{"rendered":"https:\/\/bitimpulse.com\/?post_type=manual&#038;p=6676"},"modified":"2024-08-13T08:23:13","modified_gmt":"2024-08-13T05:23:13","slug":"filtr-diapazonu","status":"publish","type":"manual","link":"https:\/\/bitimpulse.com\/en\/manual\/stvorennya-interaktyvnogo-deshborda\/filtr-diapazonu\/","title":{"rendered":"Range Filter"},"content":{"rendered":"<p>The \u201cRange Filter\u201d dashboard element as well as \u201cFilter\u201d allows to apply filtering to other dashboard elements.<\/p>\n<p><a href=\"http:\/\/bitimpulse.com\/wp-content\/uploads\/2024\/08\/9_16_1-2.png\"><img decoding=\"async\" class=\"aligncenter size-full wp-image-6717\" src=\"http:\/\/bitimpulse.com\/wp-content\/uploads\/2024\/08\/9_16_1-2.png\" alt=\"\" width=\"721\" height=\"86\" srcset=\"https:\/\/bitimpulse.com\/wp-content\/uploads\/2024\/08\/9_16_1-2.png 721w, https:\/\/bitimpulse.com\/wp-content\/uploads\/2024\/08\/9_16_1-2-450x54.png 450w, https:\/\/bitimpulse.com\/wp-content\/uploads\/2024\/08\/9_16_1-2-300x36.png 300w\" sizes=\"(max-width: 721px) 100vw, 721px\" \/><\/a><\/p>\n<p>This element displays a chart with selection thumbs that allow you to filter out values displayed along the argument axis:<\/p>\n<p><a href=\"http:\/\/bitimpulse.com\/wp-content\/uploads\/2024\/08\/9_16_2-2.png\"><img decoding=\"async\" class=\"aligncenter size-full wp-image-6716\" src=\"http:\/\/bitimpulse.com\/wp-content\/uploads\/2024\/08\/9_16_2-2.png\" alt=\"\" width=\"827\" height=\"487\" srcset=\"https:\/\/bitimpulse.com\/wp-content\/uploads\/2024\/08\/9_16_2-2.png 827w, https:\/\/bitimpulse.com\/wp-content\/uploads\/2024\/08\/9_16_2-2-450x265.png 450w, https:\/\/bitimpulse.com\/wp-content\/uploads\/2024\/08\/9_16_2-2-300x177.png 300w, https:\/\/bitimpulse.com\/wp-content\/uploads\/2024\/08\/9_16_2-2-768x452.png 768w\" sizes=\"(max-width: 827px) 100vw, 827px\" \/><\/a><\/p>\n<p>This filter can be used for cross-filter data sources. For this, use the \u201cCross-Data-Source- Filters\u201d button on the \u201cData\u201d tab:<\/p>\n<p><a href=\"http:\/\/bitimpulse.com\/wp-content\/uploads\/2024\/08\/9_16_3-2.png\"><img decoding=\"async\" class=\"aligncenter size-full wp-image-6715\" src=\"http:\/\/bitimpulse.com\/wp-content\/uploads\/2024\/08\/9_16_3-2.png\" alt=\"\" width=\"633\" height=\"140\" srcset=\"https:\/\/bitimpulse.com\/wp-content\/uploads\/2024\/08\/9_16_3-2.png 633w, https:\/\/bitimpulse.com\/wp-content\/uploads\/2024\/08\/9_16_3-2-450x100.png 450w, https:\/\/bitimpulse.com\/wp-content\/uploads\/2024\/08\/9_16_3-2-300x66.png 300w\" sizes=\"(max-width: 633px) 100vw, 633px\" \/><\/a><\/p>\n<p>You also can not apply end-to-end filters to this element:<\/p>\n<p><a href=\"http:\/\/bitimpulse.com\/wp-content\/uploads\/2024\/08\/9_16_4-2.png\"><img decoding=\"async\" class=\"aligncenter size-full wp-image-6714\" src=\"http:\/\/bitimpulse.com\/wp-content\/uploads\/2024\/08\/9_16_4-2.png\" alt=\"\" width=\"633\" height=\"140\" srcset=\"https:\/\/bitimpulse.com\/wp-content\/uploads\/2024\/08\/9_16_4-2.png 633w, https:\/\/bitimpulse.com\/wp-content\/uploads\/2024\/08\/9_16_4-2-450x100.png 450w, https:\/\/bitimpulse.com\/wp-content\/uploads\/2024\/08\/9_16_4-2-300x66.png 300w\" sizes=\"(max-width: 633px) 100vw, 633px\" \/><\/a><\/p>\n<p>You can create your own ranges of data. To do this, use either the context menu (right mouse button) or click on the <a href=\"http:\/\/bitimpulse.com\/wp-content\/uploads\/2024\/08\/9_16_14.png\"><img decoding=\"async\" class=\"size-full wp-image-6678 alignnone\" src=\"http:\/\/bitimpulse.com\/wp-content\/uploads\/2024\/08\/9_16_14.png\" alt=\"\" width=\"17\" height=\"17\" \/><\/a>\u00a0icon in the \u201cArgument\u201d field:<\/p>\n<p><a href=\"http:\/\/bitimpulse.com\/wp-content\/uploads\/2024\/08\/9_16_5-2.png\"><img decoding=\"async\" class=\"aligncenter size-full wp-image-6713\" src=\"http:\/\/bitimpulse.com\/wp-content\/uploads\/2024\/08\/9_16_5-2.png\" alt=\"\" width=\"732\" height=\"565\" srcset=\"https:\/\/bitimpulse.com\/wp-content\/uploads\/2024\/08\/9_16_5-2.png 732w, https:\/\/bitimpulse.com\/wp-content\/uploads\/2024\/08\/9_16_5-2-450x347.png 450w, https:\/\/bitimpulse.com\/wp-content\/uploads\/2024\/08\/9_16_5-2-300x232.png 300w\" sizes=\"(max-width: 732px) 100vw, 732px\" \/><\/a><\/p>\n<p>As a result, the \u201cEdit Periods\u201d window appears:<\/p>\n<p><a href=\"http:\/\/bitimpulse.com\/wp-content\/uploads\/2024\/08\/9_16_6-2.png\"><img decoding=\"async\" class=\"aligncenter size-full wp-image-6712\" src=\"http:\/\/bitimpulse.com\/wp-content\/uploads\/2024\/08\/9_16_6-2.png\" alt=\"\" width=\"780\" height=\"421\" srcset=\"https:\/\/bitimpulse.com\/wp-content\/uploads\/2024\/08\/9_16_6-2.png 780w, https:\/\/bitimpulse.com\/wp-content\/uploads\/2024\/08\/9_16_6-2-450x243.png 450w, https:\/\/bitimpulse.com\/wp-content\/uploads\/2024\/08\/9_16_6-2-300x162.png 300w, https:\/\/bitimpulse.com\/wp-content\/uploads\/2024\/08\/9_16_6-2-768x415.png 768w\" sizes=\"(max-width: 780px) 100vw, 780px\" \/><\/a><\/p>\n<p>The list on the left shows the list of ready periods that you can filter:<\/p>\n<p><a href=\"http:\/\/bitimpulse.com\/wp-content\/uploads\/2024\/08\/9_16_7-2.png\"><img decoding=\"async\" class=\"aligncenter size-full wp-image-6711\" src=\"http:\/\/bitimpulse.com\/wp-content\/uploads\/2024\/08\/9_16_7-2.png\" alt=\"\" width=\"217\" height=\"167\" \/><\/a><\/p>\n<p>In order to add the selected period, use the <a href=\"http:\/\/bitimpulse.com\/wp-content\/uploads\/2024\/08\/9_16_15.png\"><img decoding=\"async\" class=\"size-full wp-image-6677 alignnone\" src=\"http:\/\/bitimpulse.com\/wp-content\/uploads\/2024\/08\/9_16_15.png\" alt=\"\" width=\"24\" height=\"22\" \/><\/a>\u00a0button or simply drag the period in the field on the right:<\/p>\n<p><a href=\"http:\/\/bitimpulse.com\/wp-content\/uploads\/2024\/08\/9_16_8-2.png\"><img decoding=\"async\" class=\"aligncenter size-full wp-image-6710\" src=\"http:\/\/bitimpulse.com\/wp-content\/uploads\/2024\/08\/9_16_8-2.png\" alt=\"\" width=\"780\" height=\"421\" srcset=\"https:\/\/bitimpulse.com\/wp-content\/uploads\/2024\/08\/9_16_8-2.png 780w, https:\/\/bitimpulse.com\/wp-content\/uploads\/2024\/08\/9_16_8-2-450x243.png 450w, https:\/\/bitimpulse.com\/wp-content\/uploads\/2024\/08\/9_16_8-2-300x162.png 300w, https:\/\/bitimpulse.com\/wp-content\/uploads\/2024\/08\/9_16_8-2-768x415.png 768w\" sizes=\"(max-width: 780px) 100vw, 780px\" \/><\/a><\/p>\n<p>This period will be added to the right pane of the Edit Periods dialog. The following settings are available for the added period:<\/p>\n<ul>\n<li>Caption \u2013 title name for the period;<\/li>\n<li>Period \u2013 displays the time interval of the date corresponding to the period;<\/li>\n<li>Default \u2013 allows to use the selected period as the default value in the element of the Range Filter panel.<\/li>\n<\/ul>\n<p>You can create your own period. To do this, use the \u201cAdd Custom Period &#8230;\u201d button in the \u201cEdit Periods\u201d window:<\/p>\n<p><a href=\"http:\/\/bitimpulse.com\/wp-content\/uploads\/2024\/08\/9_16_9-2.png\"><img decoding=\"async\" class=\"aligncenter size-full wp-image-6709\" src=\"http:\/\/bitimpulse.com\/wp-content\/uploads\/2024\/08\/9_16_9-2.png\" alt=\"\" width=\"780\" height=\"130\" srcset=\"https:\/\/bitimpulse.com\/wp-content\/uploads\/2024\/08\/9_16_9-2.png 780w, https:\/\/bitimpulse.com\/wp-content\/uploads\/2024\/08\/9_16_9-2-450x75.png 450w, https:\/\/bitimpulse.com\/wp-content\/uploads\/2024\/08\/9_16_9-2-300x50.png 300w, https:\/\/bitimpulse.com\/wp-content\/uploads\/2024\/08\/9_16_9-2-768x128.png 768w\" sizes=\"(max-width: 780px) 100vw, 780px\" \/><\/a><\/p>\n<p>As a result, a window appears in which you can add the following periods:<\/p>\n<p><a href=\"http:\/\/bitimpulse.com\/wp-content\/uploads\/2024\/08\/9_16_10-2.png\"><img decoding=\"async\" class=\"aligncenter size-full wp-image-6708\" src=\"http:\/\/bitimpulse.com\/wp-content\/uploads\/2024\/08\/9_16_10-2.png\" alt=\"\" width=\"558\" height=\"443\" srcset=\"https:\/\/bitimpulse.com\/wp-content\/uploads\/2024\/08\/9_16_10-2.png 558w, https:\/\/bitimpulse.com\/wp-content\/uploads\/2024\/08\/9_16_10-2-450x357.png 450w, https:\/\/bitimpulse.com\/wp-content\/uploads\/2024\/08\/9_16_10-2-300x238.png 300w\" sizes=\"(max-width: 558px) 100vw, 558px\" \/><\/a><\/p>\n<p>For the year, quarter and month it is possible to set to display:<\/p>\n<ul>\n<li>Previous Year\/Quarter\/Month;<\/li>\n<li>This Year\/Quarter\/Month;<\/li>\n<li>Next Year\/Quarter\/Month;<\/li>\n<li>Last Year\/Quarter\/Month;<\/li>\n<li>Next Year\/Quarter\/Month.<\/li>\n<\/ul>\n<p>There is also a possibility to create a \u201cCustom\u201d period:<\/p>\n<p><a href=\"http:\/\/bitimpulse.com\/wp-content\/uploads\/2024\/08\/9_16_11-2.png\"><img decoding=\"async\" class=\"aligncenter size-full wp-image-6707\" src=\"http:\/\/bitimpulse.com\/wp-content\/uploads\/2024\/08\/9_16_11-2.png\" alt=\"\" width=\"558\" height=\"443\" srcset=\"https:\/\/bitimpulse.com\/wp-content\/uploads\/2024\/08\/9_16_11-2.png 558w, https:\/\/bitimpulse.com\/wp-content\/uploads\/2024\/08\/9_16_11-2-450x357.png 450w, https:\/\/bitimpulse.com\/wp-content\/uploads\/2024\/08\/9_16_11-2-300x238.png 300w\" sizes=\"(max-width: 558px) 100vw, 558px\" \/><\/a><\/p>\n<p>This period allows to specify a period with user boundaries (\u201cStart\u201d and \u201cEnd\u201d point):<\/p>\n<p><a href=\"http:\/\/bitimpulse.com\/wp-content\/uploads\/2024\/08\/9_16_12-2.png\"><img decoding=\"async\" class=\"aligncenter size-full wp-image-6706\" src=\"http:\/\/bitimpulse.com\/wp-content\/uploads\/2024\/08\/9_16_12-2.png\" alt=\"\" width=\"558\" height=\"443\" srcset=\"https:\/\/bitimpulse.com\/wp-content\/uploads\/2024\/08\/9_16_12-2.png 558w, https:\/\/bitimpulse.com\/wp-content\/uploads\/2024\/08\/9_16_12-2-450x357.png 450w, https:\/\/bitimpulse.com\/wp-content\/uploads\/2024\/08\/9_16_12-2-300x238.png 300w\" sizes=\"(max-width: 558px) 100vw, 558px\" \/><\/a><\/p>\n<p>For start and end points, you can set the following parameters:<\/p>\n<ul>\n<li>None \u2013 the start and end points will be equal to the start and end values from the visible range;<\/li>\n<li>Fixed \u2013 possibility to select a specific value in the calendar;<\/li>\n<li>Flow \u2013 allows to specify a floating period with interval and offset. \u201cInterval\u201d &#8211; indicates the interval between the current date and the required date, \u201cOffset\u201d &#8211; the number of such intervals:<\/li>\n<\/ul>\n<p><a href=\"http:\/\/bitimpulse.com\/wp-content\/uploads\/2024\/08\/9_16_13-2.png\"><img decoding=\"async\" class=\"aligncenter size-full wp-image-6705\" src=\"http:\/\/bitimpulse.com\/wp-content\/uploads\/2024\/08\/9_16_13-2.png\" alt=\"\" width=\"558\" height=\"443\" srcset=\"https:\/\/bitimpulse.com\/wp-content\/uploads\/2024\/08\/9_16_13-2.png 558w, https:\/\/bitimpulse.com\/wp-content\/uploads\/2024\/08\/9_16_13-2-450x357.png 450w, https:\/\/bitimpulse.com\/wp-content\/uploads\/2024\/08\/9_16_13-2-300x238.png 300w\" sizes=\"(max-width: 558px) 100vw, 558px\" \/><\/a><\/p>","protected":false},"featured_media":0,"parent":5521,"menu_order":511,"template":"","manuals":[18],"class_list":["post-6676","manual","type-manual","status-publish","hentry","manuals-bat-desktop"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/bitimpulse.com\/en\/wp-json\/wp\/v2\/manual\/6676","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bitimpulse.com\/en\/wp-json\/wp\/v2\/manual"}],"about":[{"href":"https:\/\/bitimpulse.com\/en\/wp-json\/wp\/v2\/types\/manual"}],"up":[{"embeddable":true,"href":"https:\/\/bitimpulse.com\/en\/wp-json\/wp\/v2\/manual\/5521"}],"wp:attachment":[{"href":"https:\/\/bitimpulse.com\/en\/wp-json\/wp\/v2\/media?parent=6676"}],"wp:term":[{"taxonomy":"manuals","embeddable":true,"href":"https:\/\/bitimpulse.com\/en\/wp-json\/wp\/v2\/manuals?post=6676"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}