</ iframe > </noscript> <!-- End Google Tag Manager (noscript) --> <div id="BeforeHeaderContent"> </div> <div id="HeaderContent"> <div id="ProjectTitle">CandlestickChart for ASP.NET Web Forms</div> <div id="PageTitle"><div id="PageTitleText">Axis Appearance</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="Candlestick_Chart_Elements.html">Candlestick Chart Elements</a> > <a href="Axes.html">Axes</a> > Axis Appearance</td></tr></table></div> <div id="BodyContent"> <p>The <a href="C1.Web.Wijmo.Controls.4~C1.Web.Wijmo.Controls.C1Chart.ChartAxis~Alignment.html">ChartAxis.Alignment</a> property can be set to three different settings: <b>Center</b>, <b>Near</b>, or <b>Far</b>. Setting the alignment to center centers the axis title in comparison to the chart area. Setting the alignment to Near places the axis title to the left side of the chart area. Setting the alignment to Far places the axis title to the right side of the chart area.</p> <p>To modify the X-Axis labels at design time, expand the <b>Axis</b>-><b>X</b>-><b>Labels</b>-><b>AxisLabelStyle</b> and set the <b>FontSize</b> property.</p> <p>The <b>Fill.Color</b> property changes the color of the axis line, tick marks, label, and title. For example, to modify the X-Axis labels font color at design time, expand the <b>Axis</b>-><b>X</b>-> <b>Labels</b>-><b>AxisLabelStyle->Fill</b> and then click the ellipsis button next to <b>Color</b> and select a color.</p> <p>The following example shows the source view for some of the properties after it has been set:</p> <div class="FilteredContentCS" data-title="CS" data-itemid="CS"> <table class="SyntaxTable"> <tbody> <tr> <th>Markup</th> <th> <div class="CopyCodeWrapper"> <span class="CopyCode">Copy Code</span> </div> </th> </tr> <tr> <td colspan="2"> <pre> <Axis> <X Max=<span style="COLOR: #800000">"2010"</span> AutoMin =<span style="COLOR: #800000">"false"</span> Min=<span style="COLOR: #800000">"2005"</span> Text=<span style="COLOR: #800000">"Year"</span>> <TextStyle FontSize=<span style="COLOR: #800000">"16"</span>> </TextStyle> <TickMajor Position=<span style="COLOR: #800000">"Outside"</span>> </TickMajor> </X> </Axis> </pre> </td> </tr> </tbody> </table> </div> <p> </p> <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="Using_the_Origin_to_Display_Positive_and_Negative_Axes_Values.html">Displaying Positive and Negative Axes Values</a></div> </div> </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 href="http://our.componentone.com/groups/" target="_blank">Product Support Forum</a> | <a href="http://feedback.componentone.com/forums/255768-asp-net-documentation" target="_blank">Documentation Feedback</a> </div> </body> </html>