{"id":1072,"date":"2008-09-26T03:45:16","date_gmt":"2008-09-26T08:45:16","guid":{"rendered":"http:\/\/www.mrc-productivity.com\/docs\/?page_id=1072"},"modified":"2024-08-20T11:42:21","modified_gmt":"2024-08-20T16:42:21","slug":"how-to-create-a-stacked-bar-chart","status":"publish","type":"ht_kb","link":"https:\/\/www.mrc-productivity.com\/docs\/knowledge-base\/how-to-create-a-stacked-bar-chart","title":{"rendered":"Create a Stacked Bar Chart"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\">Overview<\/h2>\n\n\n\n<p>Stacked Bar Charts are useful tools when your data falls into similar groups. For instance, if you wanted to see the number of trucks leaving &amp; arriving at a client you could simply group the data by client. However, in an order to conserve space, you could simply stack both values atop one another by using the Stacked Bar Chart graph.<\/p>\n\n\n\n<p>The steps outlined below will demonstrate how this is done.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Getting Started<\/h2>\n\n\n\n<p>For the example below, we will be displaying truck activity, over 12 months, by &#8220;stacking&#8221; the drop-offs and pickups.<\/p>\n\n\n\n<p>As you can see from this screenshot, we have four total fields:<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"\/docs\/vue-images\/stackedgraphfieldsettings.jpg\" alt=\"\"\/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Graph Properties<\/h2>\n\n\n\n<p>After selecting a Report template, build the application and enter m-Painter.<\/p>\n\n\n\n<p>Right-click on the graph and select &#8220;Graph Properties&#8221;. Select the &#8220;3D Stacked Bar&#8221; graph on the first tab.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"\/docs\/vue-images\/stackedgraph1.jpg\" alt=\"\"\/><\/figure>\n\n\n\n<p>On the &#8220;Fields&#8221; tab, select &#8220;TRUCKIN&#8221; &amp; &#8220;TRUCKOUT&#8221;.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"\/docs\/vue-images\/stackedgraph2.jpg\" alt=\"\"\/><\/figure>\n\n\n\n<p>On the &#8220;Levels&#8221; tab, select &#8220;Detail Level&#8221;.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"\/docs\/vue-images\/stackedgraph3.jpg\" alt=\"\"\/><\/figure>\n\n\n\n<p>On the &#8220;Descriptions&#8221; tab, enter &#8220;Trucks In&#8221; for field &#8220;TRUCKIN&#8221; and &#8220;Trucks Out&#8221; for field &#8220;TRUCKOUT&#8221;.<\/p>\n\n\n\n<p>Lastly, specify the field &#8220;MONTH&#8221; as the &#8220;Group Description&#8221; value. Think of the &#8220;Group Description&#8221; value as the field that will make this graph unique.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"\/docs\/vue-images\/stackedgraph4.jpg\" alt=\"\"\/><\/figure>\n\n\n\n<p>Click &#8220;OK&#8221;.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Runtime Usage<\/h2>\n\n\n\n<p>Save your application. At runtime, you graph will look like this:<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"\/docs\/vue-images\/stackedgraph5.jpg\" alt=\"\"\/><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>Overview Stacked Bar Charts are useful tools when your data falls into similar groups. For instance, if you wanted to see the number of trucks leaving &amp; arriving at a client you could simply group the data by client. However, in an order to conserve space, you could simply stack&#8230;<\/p>\n","protected":false},"author":1,"comment_status":"closed","ping_status":"closed","template":"","format":"standard","meta":{"footnotes":""},"ht-kb-category":[307],"ht-kb-tag":[],"class_list":["post-1072","ht_kb","type-ht_kb","status-publish","format-standard","hentry","ht_kb_category-legacy-charting"],"_links":{"self":[{"href":"https:\/\/www.mrc-productivity.com\/docs\/wp-json\/wp\/v2\/ht-kb\/1072","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.mrc-productivity.com\/docs\/wp-json\/wp\/v2\/ht-kb"}],"about":[{"href":"https:\/\/www.mrc-productivity.com\/docs\/wp-json\/wp\/v2\/types\/ht_kb"}],"author":[{"embeddable":true,"href":"https:\/\/www.mrc-productivity.com\/docs\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.mrc-productivity.com\/docs\/wp-json\/wp\/v2\/comments?post=1072"}],"version-history":[{"count":12,"href":"https:\/\/www.mrc-productivity.com\/docs\/wp-json\/wp\/v2\/ht-kb\/1072\/revisions"}],"predecessor-version":[{"id":12370,"href":"https:\/\/www.mrc-productivity.com\/docs\/wp-json\/wp\/v2\/ht-kb\/1072\/revisions\/12370"}],"wp:attachment":[{"href":"https:\/\/www.mrc-productivity.com\/docs\/wp-json\/wp\/v2\/media?parent=1072"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/www.mrc-productivity.com\/docs\/wp-json\/wp\/v2\/ht-kb-category?post=1072"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/www.mrc-productivity.com\/docs\/wp-json\/wp\/v2\/ht-kb-tag?post=1072"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}