</ iframe > </noscript> <!-- End Google Tag Manager (noscript) --> <div id="BeforeHeaderContent"> </div> <div id="HeaderContent"> <div id="ProjectTitle">ComponentOne Chart 8.0 for ActiveX</div> <div id="PageTitle"><div id="PageTitleText">Positioning Chart 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="customizingchartelements2.html">Customizing Chart Elements</a> > Positioning Chart Elements</td></tr></table></div> <div id="BodyContent"> <script language="javascript" type="text/javascript"> //<![CDATA[ if (typeof d2hInitMainThemeHandlers != "undefined") d2hInitMainThemeHandlers(); //]]> </script> <div id="nsbanner"> <div id="TitleRow"> <div id="ienav"> <p align="left"><a id="D2HPrevious" href="changeacolor2.html"></a> <a id="D2HNext" href="changeorviewlocation2.html"></a></p> </div> </div> </div> <div id="nstext" hasuserbackground="true" valign="bottom"> <div id="d2h_breadcrumbs"> <a href="customizingchartelements2.html">Customizing Chart Elements</a> </div> <h2>Positioning Chart Elements</h2> <p>Each of the main chart elements (header, footer, legend, ChartArea, and ChartLabels) has properties that control its position and size. While the chart can automatically control these properties, you can also customize the following:</p> <p>· Positioning of any element except ChartLabels</p> <p>· Size of the ChartArea only</p> <p>When the chart controls positioning, it first allows space for the header, footer, and legend, if they exist (size is determined by contents, border, and font). The ChartArea is sized and positioned to fit into the largest remaining rectangular area. Positioning adjusts when other chart properties change.</p> <hr size="1" noshade="noshade"> <p><a href="changeorviewlocation2.html"><img border="0" alt="" src="button.gif" align="absmiddle">Change or View Location</a></p> <p><a href="changewidthandheightchartareaonly2.html"><img border="0" alt="" src="button.gif" align="absmiddle">Change Width and Height (ChartArea only)</a></p> </div> <a name="seealsobookmark"></a> </div> <div id="FooterContent"> <p> </p><p> </p><hr style="height: 1px"><p>Copyright (c) <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/255792-activex-documentation">Documentation Feedback</a> </div> </body> </html>