{"id":171,"date":"2025-03-13T07:48:07","date_gmt":"2025-03-13T07:48:07","guid":{"rendered":"https:\/\/documentation.iqonic.design\/graphina\/?p=171"},"modified":"2025-03-21T05:36:16","modified_gmt":"2025-03-21T05:36:16","slug":"how-to-add-a-nested-column-chart","status":"publish","type":"post","link":"https:\/\/documentation.iqonic.design\/graphina\/how-to-add-a-nested-column-chart\/","title":{"rendered":"Nested Column Chart"},"content":{"rendered":"<div class=\"nolwrap\">\n<hr class=\"wp-block-separator has-alpha-channel-opacity\" \/>\n\n\n\n<p>A <strong>Nested Column Chart<\/strong> is ideal for comparing multiple data sets within the same category, making it perfect for financial analysis, sales reports, or performance comparisons. With Graphina, you can quickly create and customize a <strong>Nested Column Chart<\/strong> to present structured data effectively.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Step-by-Step Guide to Adding a Nested Column Chart<\/strong><\/h2>\n\n\n\n<p>\u2705 <strong>Step 1:<\/strong> Open the <strong>Graphina library<\/strong> and drag &amp; drop the <strong>Nested Column Chart<\/strong> into your Elementor editing space.<\/p>\n\n\n\n<p>\u2705 <strong>Step 2:<\/strong> Go to <strong>Chart Settings<\/strong> and enter the <strong>data values and labels<\/strong> for each category and sub-category.<\/p>\n\n\n\n<p>\u2705 <strong>Step 3:<\/strong> Adjust the <strong>Column Width, Spacing, and Chart Height<\/strong> to fit your design layout.<\/p>\n\n\n\n<p>\u2705 <strong>Step 4:<\/strong> Enable the <strong>Toolbar<\/strong> if you want interactive features such as tooltips, legends, or data export options.<\/p>\n\n\n\n<p>\u2705 <strong>Step 5:<\/strong> Customize your chart by modifying the <strong>Bar colors, Border width, Label settings, Grid styling, and Background transparency<\/strong> for a polished and professional look.<\/p>\n\n\n\n<p>With these simple steps, you can create a <strong>Nested Column Chart<\/strong> that allows for detailed data comparison in a visually appealing way. Watch the tutorial for a complete walkthrough! \ud83d\ude80<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"Graphina | How To Customize Nested Column Chart - Tutorial 15 | Iqonic Design\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/EISZPSC0HVw?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>A Nested Column Chart is ideal for comparing multiple data sets within the same category, making it perfect for financial analysis, sales reports, or performance comparisons. With Graphina, you can quickly create and customize a Nested Column Chart to present structured data effectively. Step-by-Step Guide to Adding a Nested Column Chart \u2705 Step 1: Open [&hellip;]<\/p>\n","protected":false},"author":12,"featured_media":0,"parent":125,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-171","post","type-post","status-publish","format-standard","hentry","category-graphina"],"featured_image_src":null,"author_info":{"display_name":"wordpressadminiq","author_link":"https:\/\/documentation.iqonic.design\/graphina\/author\/wordpressadminiq\/"},"children":[],"_links":{"self":[{"href":"https:\/\/documentation.iqonic.design\/graphina\/wp-json\/wp\/v2\/posts\/171","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/documentation.iqonic.design\/graphina\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/documentation.iqonic.design\/graphina\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/documentation.iqonic.design\/graphina\/wp-json\/wp\/v2\/users\/12"}],"replies":[{"embeddable":true,"href":"https:\/\/documentation.iqonic.design\/graphina\/wp-json\/wp\/v2\/comments?post=171"}],"version-history":[{"count":2,"href":"https:\/\/documentation.iqonic.design\/graphina\/wp-json\/wp\/v2\/posts\/171\/revisions"}],"predecessor-version":[{"id":540,"href":"https:\/\/documentation.iqonic.design\/graphina\/wp-json\/wp\/v2\/posts\/171\/revisions\/540"}],"up":[{"embeddable":true,"href":"https:\/\/documentation.iqonic.design\/graphina\/wp-json\/wp\/v2\/posts\/125"}],"wp:attachment":[{"href":"https:\/\/documentation.iqonic.design\/graphina\/wp-json\/wp\/v2\/media?parent=171"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/documentation.iqonic.design\/graphina\/wp-json\/wp\/v2\/categories?post=171"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/documentation.iqonic.design\/graphina\/wp-json\/wp\/v2\/tags?post=171"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}