{"id":7841,"date":"2022-04-05T14:38:21","date_gmt":"2022-04-05T14:38:21","guid":{"rendered":"https:\/\/www.nimblework.com\/knowledge-base\/nimble\/?post_type=article&#038;p=7841"},"modified":"2024-10-16T04:40:21","modified_gmt":"2024-10-16T04:40:21","slug":"stacked-area-chart","status":"publish","type":"article","link":"https:\/\/www.nimblework.com\/knowledge-base\/nimble\/article\/stacked-area-chart\/","title":{"rendered":"Stacked Area Chart"},"content":{"rendered":"<p>Start with the video first to get a better grasp of the topic!<br \/>\n<iframe loading=\"lazy\" title=\"Learn to Plot Stacked Area Chart in Nimble Analytics\" src=\"https:\/\/player.vimeo.com\/video\/849080400?dnt=1&amp;app_id=122963\" width=\"500\" height=\"281\" frameborder=\"0\" allow=\"autoplay; fullscreen; picture-in-picture; clipboard-write\"><\/iframe><\/p>\n<table style=\"line-height: 10px; height: 77px; width: 99.2704%; border-collapse: collapse; background-color: #f7f7f7;\">\n<tbody>\n<tr style=\"height: 108px;\">\n<td style=\"width: 100%; height: 77px;\">\n<p style=\"text-align: left;\"><strong>Skip Ahead to:<\/strong><\/p>\n<p style=\"line-height: 10px; text-align: left;\"><a href=\"#Overview\">Overview<\/a><\/p>\n<p style=\"text-align: left;\"><a href=\"#Configuration\">Configuration<\/a><a id=\"Overview\"><\/a><a href=\"#Configuration\"><\/a><\/p>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h3>Overview<\/h3>\n<p>A stacked area chart is a line chart with shaded regions to understand the breakdown of the total values by groups. It provides a visual depiction of the change in the workitem count over time.<\/p>\n<p><a href=\"https:\/\/www.nimblework.com\/knowledge-base\/nimble\/wp-content\/uploads\/2022\/04\/Stacked_area_chart_New.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-9139\" src=\"https:\/\/www.nimblework.com\/knowledge-base\/nimble\/wp-content\/uploads\/2022\/04\/Stacked_area_chart_New.jpg\" alt=\"\" width=\"737\" height=\"461\" srcset=\"https:\/\/www.nimblework.com\/knowledge-base\/nimble\/wp-content\/uploads\/2022\/04\/Stacked_area_chart_New.jpg 737w, https:\/\/www.nimblework.com\/knowledge-base\/nimble\/wp-content\/uploads\/2022\/04\/Stacked_area_chart_New-300x188.jpg 300w\" sizes=\"(max-width: 737px) 100vw, 737px\" \/><\/a><a id=\"Configuration\"><\/a><a href=\"https:\/\/www.nimblework.com\/knowledge-base\/nimble\/wp-content\/uploads\/2022\/04\/Stacked_area_chart_New.jpg\"><\/a><\/p>\n<h3>Configuration<\/h3>\n<p>To plot a Stacked area chart, perform the following steps &#8211;<\/p>\n<p>1. Open the Analytics page and click the<strong> Add Widget<\/strong> icon. The Analytics Builder appears.<\/p>\n<p>2. Click the <strong>Stacked Area chart<\/strong>. The <strong>Settings<\/strong> page appears.<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-18127\" src=\"https:\/\/www.nimblework.com\/knowledge-base\/nimble\/wp-content\/uploads\/2022\/04\/Stacked-area-chart.png\" alt=\"Stacked area chart settings\" width=\"1804\" height=\"980\" srcset=\"https:\/\/www.nimblework.com\/knowledge-base\/nimble\/wp-content\/uploads\/2022\/04\/Stacked-area-chart.png 1804w, https:\/\/www.nimblework.com\/knowledge-base\/nimble\/wp-content\/uploads\/2022\/04\/Stacked-area-chart-300x163.png 300w, https:\/\/www.nimblework.com\/knowledge-base\/nimble\/wp-content\/uploads\/2022\/04\/Stacked-area-chart-1024x556.png 1024w, https:\/\/www.nimblework.com\/knowledge-base\/nimble\/wp-content\/uploads\/2022\/04\/Stacked-area-chart-768x417.png 768w, https:\/\/www.nimblework.com\/knowledge-base\/nimble\/wp-content\/uploads\/2022\/04\/Stacked-area-chart-1536x834.png 1536w\" sizes=\"(max-width: 1804px) 100vw, 1804px\" \/><\/p>\n<p>3. Enter the given information in the <strong>Data Criteria<\/strong> and <strong>Dimension and Settings<\/strong> as per your requirements.<\/p>\n<ul>\n<li><strong>Widget Name &#8211;<\/strong> Modify the widget name if required.<\/li>\n<\/ul>\n<h4>Data Criteria<\/h4>\n<ul>\n<li><strong>Select Workitem type &#8211;<\/strong> Select the workitem type for which you want to plot the chart. You can select any number of workitems for a scatter chart. If the selected workitem type has no instances in it, a message is displayed on the screen.<br \/>\n<strong>Note:\u00a0<\/strong>If you select the My Workitem option, the Release, Sprint, and Task Plan options won&#8217;t be selected as they are dependent on the form&#8217;s execution.<\/li>\n<li class=\"whs9\"><b>Select workitem status &#8211; <\/b>Select the workitem status such as All, Open, Closed, etc. for the workitem types.<\/li>\n<li><strong>Select Filter &#8211;<\/strong> Select the filter that you want to apply to the workitems for the scatter chart. You can also create a new filter.<\/li>\n<li><strong>Date Range &#8211;<\/strong> Select the start date and the end date under the data criteria to plot the chart. By default, it loads the Project start and end dates.<\/li>\n<\/ul>\n<h4>Dimensions and Settings<\/h4>\n<ul>\n<li><strong>Select aggregation &#8211;<\/strong> You can aggregate the chart values based on the numeric field of the selected workitem type such as count, sum, percentage, etc.<\/li>\n<li class=\"li1\"><strong>Show Data Labels<\/strong> &#8211; Enable this option to view the data labels\/values on the chart.<\/li>\n<li><strong>X-Axis &#8211;<\/strong> Select the attribute (and its values) that you want to be plotted on the X-axis of the chart. The attribute field shows all the fields which are common in the selected workitem types.<\/li>\n<li><strong><a id=\"VideoReference\"><\/a>Stack By &#8211;<\/strong> Select the attribute by which you want to stack your data.<\/li>\n<\/ul>\n<div class=\"helpful-block-content wth-theme-thumbs\" data-title=\"\" >\n<ul>\n<li><span class=\"wth-title\">Was this helpful?<\/span><\/li>\n<li><a data-post=\"7841\" data-post-url=\"https:\/\/www.nimblework.com\/knowledge-base\/nimble\/article\/stacked-area-chart\/\" data-post-title=\"Stacked Area Chart\" data-response=\"1\" href=\"#\" class=\"wth-green-btn icon-thumbsup\">Yes<\/a>&nbsp; &nbsp;<a data-response=\"0\" data-post=\"7841\" data-post-url=\"https:\/\/www.nimblework.com\/knowledge-base\/nimble\/article\/stacked-area-chart\/\" data-post-title=\"Stacked Area Chart\" href=\"#\" class=\"wth-red-btn icon-thumbsdown\">No<\/a><\/li>\n<\/ul>\n<\/div>","protected":false},"author":1,"featured_media":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","format":"standard","multi-rating":{"mr_rating_results":[]},"_links":{"self":[{"href":"https:\/\/www.nimblework.com\/knowledge-base\/nimble\/wp-json\/wp\/v2\/article\/7841"}],"collection":[{"href":"https:\/\/www.nimblework.com\/knowledge-base\/nimble\/wp-json\/wp\/v2\/article"}],"about":[{"href":"https:\/\/www.nimblework.com\/knowledge-base\/nimble\/wp-json\/wp\/v2\/types\/article"}],"author":[{"embeddable":true,"href":"https:\/\/www.nimblework.com\/knowledge-base\/nimble\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.nimblework.com\/knowledge-base\/nimble\/wp-json\/wp\/v2\/comments?post=7841"}],"version-history":[{"count":16,"href":"https:\/\/www.nimblework.com\/knowledge-base\/nimble\/wp-json\/wp\/v2\/article\/7841\/revisions"}],"predecessor-version":[{"id":19606,"href":"https:\/\/www.nimblework.com\/knowledge-base\/nimble\/wp-json\/wp\/v2\/article\/7841\/revisions\/19606"}],"wp:attachment":[{"href":"https:\/\/www.nimblework.com\/knowledge-base\/nimble\/wp-json\/wp\/v2\/media?parent=7841"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}