</ iframe > </noscript> <!-- End Google Tag Manager (noscript) --> <div id="BeforeHeaderContent"> </div> <div id="HeaderContent"> <div id="ProjectTitle">FlexChart for WinForms</div> <div id="PageTitle"><div id="PageTitleText">TreeMap</div></div> </div> <div id="AfterHeaderContent"> <!-- Spacing --> <span id="ToggleAllSectionsLink" class="FunctionLink"> <label id="CollapseAllLabel">Collapse All</label> <label id="ExpandAllLabel" style="display: none;">Expand All</label> </span> </div> <div id="BodyContent"> <p>Hierarchical information and data are useful in varied walks of life and setups, be it family tree, programming, organization structure, or directories. Visualizing such a data and spotting information in them is a difficult task, especially if the data is huge. Treemap charts enable visualization of hierarchical data as nested rectangles on a limited space. It is useful in having a quick glimpse of patterns in large data and comparing proportions.</p> <p><strong>TreeMap</strong> chart control supports binding to data to show hierarchy, and allows user to drill down the data further to numerous levels for detailed analysis. The control can be customized to display data in horizontal, vertical, and squarified layouts of constituting rectangles.</p> <p>Both TreeMap and Sunburst charts are ideal for displaying and visualizing hierarchical data, but treemap is preferred when space is a constraint as it can show humongous data in a limited area.<br></p> <p><img border="0" alt="" src="images/TreeMap-Overview.png"></p> <p> </p> <p>The following topics help you get accustomed with the TreeMap control, and explore its advanced capabilities.</p> <a name="seealsobookmark"></a> <div class="SectionHeading" id="seealsoSectionHeading"><span class="SectionHeadingIcon"><!-- --></span><span class="SectionHeadingText">See Also</span></div><div id="seealsoSectionContent" class="SectionContent"><div class="SeeAlsoLink"> <a href="TreeMap-QuickStart.html">Quick Start</a></div> <div class="SeeAlsoLink"> <a href="TreeMap-KeyFeatures.html">Key Features</a></div> <div class="SeeAlsoLink"> <a href="TreeMap-Elements.html">Elements</a></div> <div class="SeeAlsoLink"> <a href="TreeMap-Layouts.html">Layouts</a></div> <div class="SeeAlsoLink"> <a href="TreeMap-DataBinding.html">Data Binding</a></div> <div class="SeeAlsoLink"> <a href="TreeMap-Selection.html">Selection</a></div> <h4 class="SeeAlsoSubHeading">SunBurst Chart</h4><div class="SeeAlsoLink"> <a href="SunburstChart.html">Sunburst Chart</a></div> <h4 class="SeeAlsoSubHeading">Working with FlexChart</h4><div class="SeeAlsoLink"> <a href="Appearance.html">Appearance</a></div> </div> </div> <div id="FooterContent"> <p> </p><p> </p><hr style="height: 1px"><p> Copyright © <script type="text/javascript"> var theDate = new Date() document.write(theDate.getFullYear()) </script> GrapeCity, inc. All rights reserved. <script> $(document).ready(function() { if (!(window.self !== window.top)) { // Not running in a frameset // Get the page name var pageName = location.href.substring(location.href.lastIndexOf("/") + 1); if (pageName.indexOf("#") != -1) { pageName = pageName.substring(0, pageName.indexOf("#")); } // Append to webframe.html var framePage = "webframe.html#" + pageName; location.href = framePage; } }); </script></p> <a href="http://our.componentone.com/groups/" target="_blank">Product Support Forum</a> | <a target="_blank" href="http://feedback.componentone.com/forums/255782-winforms-documentation">Documentation Feedback</a> </div> </body> </html>