{"id":6718,"date":"2024-08-13T08:41:50","date_gmt":"2024-08-13T05:41:50","guid":{"rendered":"https:\/\/bitimpulse.com\/?post_type=manual&#038;p=6718"},"modified":"2024-08-13T08:43:24","modified_gmt":"2024-08-13T05:43:24","slug":"grupa","status":"publish","type":"manual","link":"https:\/\/bitimpulse.com\/en\/manual\/stvorennya-interaktyvnogo-deshborda\/grupa\/","title":{"rendered":"Group"},"content":{"rendered":"<p>The \u201cGroup\u201d dashboard element allows you to merge several elements into a single group. To create a Group element, click the icon:<\/p>\n<p><a href=\"http:\/\/bitimpulse.com\/wp-content\/uploads\/2024\/08\/9_17_1-2.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-6757\" src=\"http:\/\/bitimpulse.com\/wp-content\/uploads\/2024\/08\/9_17_1-2.png\" alt=\"\" width=\"724\" height=\"87\" srcset=\"https:\/\/bitimpulse.com\/wp-content\/uploads\/2024\/08\/9_17_1-2.png 724w, https:\/\/bitimpulse.com\/wp-content\/uploads\/2024\/08\/9_17_1-2-450x54.png 450w, https:\/\/bitimpulse.com\/wp-content\/uploads\/2024\/08\/9_17_1-2-300x36.png 300w\" sizes=\"auto, (max-width: 724px) 100vw, 724px\" \/><\/a><\/p>\n<p>Let us have a look at the working principle of this element on the example of two groups.<\/p>\n<p>First, we create two elements of the dashboard &#8211; a chart (of a \u201cSpline Area\u201d type) and a filter (of a \u201cTree View\u201d type). For each of them, fill in fields with appropriate data:<\/p>\n<p><a href=\"http:\/\/bitimpulse.com\/wp-content\/uploads\/2024\/08\/9_17_2-2.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-6756\" src=\"http:\/\/bitimpulse.com\/wp-content\/uploads\/2024\/08\/9_17_2-2.png\" alt=\"\" width=\"718\" height=\"483\" srcset=\"https:\/\/bitimpulse.com\/wp-content\/uploads\/2024\/08\/9_17_2-2.png 718w, https:\/\/bitimpulse.com\/wp-content\/uploads\/2024\/08\/9_17_2-2-450x303.png 450w, https:\/\/bitimpulse.com\/wp-content\/uploads\/2024\/08\/9_17_2-2-300x202.png 300w\" sizes=\"auto, (max-width: 718px) 100vw, 718px\" \/><\/a><\/p>\n<p><a href=\"http:\/\/bitimpulse.com\/wp-content\/uploads\/2024\/08\/9_17_3-2.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-6755\" src=\"http:\/\/bitimpulse.com\/wp-content\/uploads\/2024\/08\/9_17_3-2.png\" alt=\"\" width=\"454\" height=\"306\" srcset=\"https:\/\/bitimpulse.com\/wp-content\/uploads\/2024\/08\/9_17_3-2.png 454w, https:\/\/bitimpulse.com\/wp-content\/uploads\/2024\/08\/9_17_3-2-450x303.png 450w, https:\/\/bitimpulse.com\/wp-content\/uploads\/2024\/08\/9_17_3-2-300x202.png 300w\" sizes=\"auto, (max-width: 454px) 100vw, 454px\" \/><\/a><\/p>\n<p>Now create the first group (click the icon of the same name in the toolbar) and drag the chart and filter into it:<\/p>\n<p><a href=\"http:\/\/bitimpulse.com\/wp-content\/uploads\/2024\/08\/9_17_4-2.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-6754\" src=\"http:\/\/bitimpulse.com\/wp-content\/uploads\/2024\/08\/9_17_4-2.png\" alt=\"\" width=\"669\" height=\"307\" srcset=\"https:\/\/bitimpulse.com\/wp-content\/uploads\/2024\/08\/9_17_4-2.png 669w, https:\/\/bitimpulse.com\/wp-content\/uploads\/2024\/08\/9_17_4-2-450x207.png 450w, https:\/\/bitimpulse.com\/wp-content\/uploads\/2024\/08\/9_17_4-2-300x138.png 300w\" sizes=\"auto, (max-width: 669px) 100vw, 669px\" \/><\/a><\/p>\n<p>Thus, we got a group, elements of which can interact with each other within this group and outside it.<\/p>\n<p>On the \u201cData\u201d tab<strong>:<\/strong><\/p>\n<p><a href=\"http:\/\/bitimpulse.com\/wp-content\/uploads\/2024\/08\/9_17_5-2.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-6753\" src=\"http:\/\/bitimpulse.com\/wp-content\/uploads\/2024\/08\/9_17_5-2.png\" alt=\"\" width=\"374\" height=\"140\" srcset=\"https:\/\/bitimpulse.com\/wp-content\/uploads\/2024\/08\/9_17_5-2.png 374w, https:\/\/bitimpulse.com\/wp-content\/uploads\/2024\/08\/9_17_5-2-300x112.png 300w\" sizes=\"auto, (max-width: 374px) 100vw, 374px\" \/><\/a><\/p>\n<ul>\n<li>The \u201cMaster Filter\u201d button allows you to specify whether the current group allows you to filter external dashboard items using master filter items contained within the group. If this option is disabled, master filter items contained within the group can filter only dashboard items from this group;<\/li>\n<li>The \u201cIgnore Master Filters\u201d button allows you to isolate dashboard items contained within the group from being filtered using external master filter items.<\/li>\n<\/ul>\n<p>For the first group, let us leave the filter on \u2013 \u201cIgnore Master filters\u201d.<\/p>\n<p>Now let us create the second group. It will consist of a chart and two filters (\u201cList Box\u201d and \u201cCombo Box\u201d):<\/p>\n<p><a href=\"http:\/\/bitimpulse.com\/wp-content\/uploads\/2024\/08\/9_17_6-2.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-6752\" src=\"http:\/\/bitimpulse.com\/wp-content\/uploads\/2024\/08\/9_17_6-2.png\" alt=\"\" width=\"970\" height=\"299\" srcset=\"https:\/\/bitimpulse.com\/wp-content\/uploads\/2024\/08\/9_17_6-2.png 970w, https:\/\/bitimpulse.com\/wp-content\/uploads\/2024\/08\/9_17_6-2-450x139.png 450w, https:\/\/bitimpulse.com\/wp-content\/uploads\/2024\/08\/9_17_6-2-300x92.png 300w, https:\/\/bitimpulse.com\/wp-content\/uploads\/2024\/08\/9_17_6-2-768x237.png 768w\" sizes=\"auto, (max-width: 970px) 100vw, 970px\" \/><\/a><\/p>\n<p>We paint subcategories of the same groups of products in the same color:<\/p>\n<p><a href=\"http:\/\/bitimpulse.com\/wp-content\/uploads\/2024\/08\/9_17_7-2.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-6751\" src=\"http:\/\/bitimpulse.com\/wp-content\/uploads\/2024\/08\/9_17_7-2.png\" alt=\"\" width=\"971\" height=\"413\" srcset=\"https:\/\/bitimpulse.com\/wp-content\/uploads\/2024\/08\/9_17_7-2.png 971w, https:\/\/bitimpulse.com\/wp-content\/uploads\/2024\/08\/9_17_7-2-450x191.png 450w, https:\/\/bitimpulse.com\/wp-content\/uploads\/2024\/08\/9_17_7-2-300x128.png 300w, https:\/\/bitimpulse.com\/wp-content\/uploads\/2024\/08\/9_17_7-2-768x327.png 768w\" sizes=\"auto, (max-width: 971px) 100vw, 971px\" \/><\/a><\/p>\n<p>Now let us create a filter \u2013 \u201cCombo box\u201d:<\/p>\n<p><a href=\"http:\/\/bitimpulse.com\/wp-content\/uploads\/2024\/08\/9_17_8-2.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-6750\" src=\"http:\/\/bitimpulse.com\/wp-content\/uploads\/2024\/08\/9_17_8-2.png\" alt=\"\" width=\"412\" height=\"114\" srcset=\"https:\/\/bitimpulse.com\/wp-content\/uploads\/2024\/08\/9_17_8-2.png 412w, https:\/\/bitimpulse.com\/wp-content\/uploads\/2024\/08\/9_17_8-2-300x83.png 300w\" sizes=\"auto, (max-width: 412px) 100vw, 412px\" \/><\/a><\/p>\n<p>The second filter will be called \u201cList Box\u201d:<\/p>\n<p><a href=\"http:\/\/bitimpulse.com\/wp-content\/uploads\/2024\/08\/9_17_9-2.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-6749\" src=\"http:\/\/bitimpulse.com\/wp-content\/uploads\/2024\/08\/9_17_9-2.png\" alt=\"\" width=\"409\" height=\"276\" srcset=\"https:\/\/bitimpulse.com\/wp-content\/uploads\/2024\/08\/9_17_9-2.png 409w, https:\/\/bitimpulse.com\/wp-content\/uploads\/2024\/08\/9_17_9-2-300x202.png 300w\" sizes=\"auto, (max-width: 409px) 100vw, 409px\" \/><\/a><\/p>\n<p>For a \u201cList Box\u201d on the \u201cData\u201d tab disable \u201cIgnore Master Filters\u201d button:<\/p>\n<p><a href=\"http:\/\/bitimpulse.com\/wp-content\/uploads\/2024\/08\/9_17_10-2.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-6748\" src=\"http:\/\/bitimpulse.com\/wp-content\/uploads\/2024\/08\/9_17_10-2.png\" alt=\"\" width=\"374\" height=\"140\" srcset=\"https:\/\/bitimpulse.com\/wp-content\/uploads\/2024\/08\/9_17_10-2.png 374w, https:\/\/bitimpulse.com\/wp-content\/uploads\/2024\/08\/9_17_10-2-300x112.png 300w\" sizes=\"auto, (max-width: 374px) 100vw, 374px\" \/><\/a><\/p>\n<p>Create a second group and drag the chart and filters into it:<\/p>\n<p><a href=\"http:\/\/bitimpulse.com\/wp-content\/uploads\/2024\/08\/9_17_11-2.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-6747\" src=\"http:\/\/bitimpulse.com\/wp-content\/uploads\/2024\/08\/9_17_11-2.png\" alt=\"\" width=\"809\" height=\"325\" srcset=\"https:\/\/bitimpulse.com\/wp-content\/uploads\/2024\/08\/9_17_11-2.png 809w, https:\/\/bitimpulse.com\/wp-content\/uploads\/2024\/08\/9_17_11-2-450x181.png 450w, https:\/\/bitimpulse.com\/wp-content\/uploads\/2024\/08\/9_17_11-2-300x121.png 300w, https:\/\/bitimpulse.com\/wp-content\/uploads\/2024\/08\/9_17_11-2-768x309.png 768w\" sizes=\"auto, (max-width: 809px) 100vw, 809px\" \/><\/a><\/p>\n<p>For this group on the \u201cData\u201d tab, we also leave an active \u201cIgnore Master Filters\u201d filter.<\/p>\n<p>Thus, we got two independent groups:<\/p>\n<p><a href=\"http:\/\/bitimpulse.com\/wp-content\/uploads\/2024\/08\/9_17_12-2.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-6746\" src=\"http:\/\/bitimpulse.com\/wp-content\/uploads\/2024\/08\/9_17_12-2.png\" alt=\"\" width=\"809\" height=\"643\" srcset=\"https:\/\/bitimpulse.com\/wp-content\/uploads\/2024\/08\/9_17_12-2.png 809w, https:\/\/bitimpulse.com\/wp-content\/uploads\/2024\/08\/9_17_12-2-450x358.png 450w, https:\/\/bitimpulse.com\/wp-content\/uploads\/2024\/08\/9_17_12-2-300x238.png 300w, https:\/\/bitimpulse.com\/wp-content\/uploads\/2024\/08\/9_17_12-2-768x610.png 768w\" sizes=\"auto, (max-width: 809px) 100vw, 809px\" \/><\/a><\/p>\n<p>The first shows the sales volume of the groups of products depending on the month of the year and country, and the second shows the sales volume of a particular group of products by subcategories:<\/p>\n<p><a href=\"http:\/\/bitimpulse.com\/wp-content\/uploads\/2024\/08\/9_17_13-2.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-6745\" src=\"http:\/\/bitimpulse.com\/wp-content\/uploads\/2024\/08\/9_17_13-2.png\" alt=\"\" width=\"809\" height=\"643\" srcset=\"https:\/\/bitimpulse.com\/wp-content\/uploads\/2024\/08\/9_17_13-2.png 809w, https:\/\/bitimpulse.com\/wp-content\/uploads\/2024\/08\/9_17_13-2-450x358.png 450w, https:\/\/bitimpulse.com\/wp-content\/uploads\/2024\/08\/9_17_13-2-300x238.png 300w, https:\/\/bitimpulse.com\/wp-content\/uploads\/2024\/08\/9_17_13-2-768x610.png 768w\" sizes=\"auto, (max-width: 809px) 100vw, 809px\" \/><\/a><\/p>","protected":false},"featured_media":0,"parent":5521,"menu_order":512,"template":"","manuals":[18],"class_list":["post-6718","manual","type-manual","status-publish","hentry","manuals-bat-desktop"],"_links":{"self":[{"href":"https:\/\/bitimpulse.com\/en\/wp-json\/wp\/v2\/manual\/6718","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=6718"}],"wp:term":[{"taxonomy":"manuals","embeddable":true,"href":"https:\/\/bitimpulse.com\/en\/wp-json\/wp\/v2\/manuals?post=6718"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}