</ iframe > </noscript> <!-- End Google Tag Manager (noscript) --> <div id="BeforeHeaderContent"> </div> <div id="HeaderContent"> <div id="ProjectTitle">FlexChart for WPF</div> <div id="PageTitle"><div id="PageTitleText">Elements</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 class="BreadcrumbsContainer"><table><tr><td> <a href="TreeMapOverview.html">TreeMap</a> > Elements</td></tr></table></div> <div id="BodyContent"> <p>A tree map chart is composed of rectangles, representing individual data items, which are grouped into categories, to represent the hierarchical nature of data. The individual data items which make group are known as leaf nodes. The size of these nodes are proportional to the data they represent </p> <p>The following image exhibits main elements of TreeMap Control.</p><img border="0" alt="Elements of tree map chart" src="images/TreeMap-Elements.png"> <p> </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="TreeMapOverview.html">TreeMap</a></div> <div class="SeeAlsoLink"> <a href="TreeMapQuickStart.html">Quick Start</a></div> <div class="SeeAlsoLink"> <a href="TreeMapKeyFeatures.html">Key Features</a></div> <div class="SeeAlsoLink"> <a href="TreeMapLayouts.html">Layouts</a></div> <div class="SeeAlsoLink"> <a href="TreeMapDataBinding.html">Data Binding</a></div> <div class="SeeAlsoLink"> <a href="TreeMapSelection.html">Selection</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 target="_blank" href="http://our.componentone.com/groups/">Product Support Forum</a> | <a target="_blank" href="http://feedback.componentone.com/forums/272000-wpf-and-silverlight-documentation">Documentation Feedback</a> </div> </body> </html>